MAPBOX как рисовать кратные линии и менять цвет

Я хотел бы использовать карты MapBox (API javascript), чтобы нарисовать маршрут на карте с несколькими цветами, каждый цвет будет означать другой вид транспорта, например: 1) автобус 2) автомобиль 3) поезд

В качестве примера я нашел этот код: https://www.mapbox.com/mapbox.js/example/v1.0.0/leaflet-draw/

Надеюсь, кто-нибудь может дать совет.

Спасибо, Дж. Рико.


javascript mapbox
person user3259091    schedule 16.05.2014    source источник
comment
Построен на базе Leaflet — вот ссылка на API-интерфейс Leaflet JS — leafletjs.com/reference.html - читайте и удачи.   -  person Adam    schedule 16.05.2014
comment
вы также можете взглянуть на пример leaflet geojson   -  person sfletche    schedule 16.05.2014

Ответы (1)


arrow_upward
0
arrow_downward

Я бы предложил использовать функцию Polyline из API mapbox, вам нужно предоставить набор точек (широта, долгота), которые составляют ваш маршрут, вот фрагмент кода, который может помочь вам из mapbox, вы можете см. ссылку в mapbox веб-сайт API

  1. Массив точек для маршрута

    // Create array of lat,lon points
var line_points = [
   [38.893596444352134, -77.0381498336792],
   [38.89337933372204, -77.03792452812195],
   [38.89316222242831, -77.03761339187622],
   [38.893028615148424, -77.03731298446655],
   [38.892920059048464, -77.03691601753235],
   [38.892903358095296, -77.03637957572937],
   [38.89301191422077, -77.03592896461487],
   [38.89316222242831, -77.03549981117249],
   [38.89340438498248, -77.03514575958252],
   [38.893596444352134, -77.0349633693695]
];

  2. Выберите цвет, который вы хотите

    // Define polyline options
// http://leafletjs.com/reference.html#polyline
var polyline_options = {
   color: '#000'
};

  3. Нарисуйте маршрут

    // Defining a polygon here instead of a polyline will connect the
// endpoints and fill the path.
// http://leafletjs.com/reference.html#polygon
var polyline = L.polyline(line_points, polyline_options).addTo(map);

Удачи.

person Fares M.    schedule 17.05.2014