Как мне поменять маркер Mapbox с directionsjs? Показывает маркеры A и B

Question

Как изменить маркер Mapbox (при использовании directionjs)?

Он показывает маркеры A и B.

Я попытался отредактировать маркер, но потерял направление.

var x= L.marker([51.508245, -0.087700], {
    icon: L.mapbox.marker.icon({
        'marker-size': 'large',
        'marker-icon': 'monument',
        'marker-color': '#fa0'
    })
}).addTo(map);  


// Set the origin and destination for the direction and call the routing service
directions.setOrigin(L.latLng(x)); 
directions.setDestination(L.latLng(51.508112, -0.075949));   
directions.query(); 



var directionsLayer = L.mapbox.directions.layer(directions).addTo(map); 
var directionsRoutesControl = L.mapbox.directions.routesControl('routes', directions)
    .addTo(map);
  var directionsLayer = L.mapbox.directions.layer(directions, {readonly: true}).addTo(map);

Это то, что я пробовал, но оно сломало направление Я ищу способ изменить значки A и B.

JSFiddle: https://jsfiddle.net/x48qrca8/1/

Answer 1

Попробуйте посмотреть на их примеры, как сделать разные стили маркеров. Для изображения, посмотрите этот пример, в частности на этот код:

myLayer.on('layeradd', function(e) {
  var marker = e.layer,
      feature = marker.feature;
  marker.setIcon(L.icon(feature.properties.icon));
});
myLayer.setGeoJSON(geojson);

Это входит в свойства GeoJSON и использует icon значение под feature.properties выяснить, как это должно быть в стиле.