I'm loading a markerLayer using the Mapbox loadURL function. This works fine and I'm able to access marker properties, but what doesn't seem to work is changing the color of the markers.

var markerLayer = L.mapbox.markerLayer();
markerLayer.loadURL('geojson.php?lat='+lat+'&lng='+lng)
   .addTo(map);

markerLayer.on('click',function(e) {
    e.layer.unbindPopup();

    var feature = e.layer.feature;
    var info = '<h2>' + feature.properties.name + '</h2>' +
               '<p>' + feature.properties.description + '</p>';

    document.getElementById('info').innerHTML = info;

    feature.properties['old-color'] = feature.properties['marker-color'];
    feature.properties['marker-color'] = '#000';

});

Why does this not work and how would I go about changing the color of the marker using geoJson data loaded from a URL? The posted example depends on geoJson data that wasn't loaded using loadUrl. I suspect that has something to do with the reason why marker colors do not change.

I'm loading a markerLayer using the Mapbox loadURL function. This works fine and I'm able to access marker properties, but what doesn't seem to work is changing the color of the markers.

var markerLayer = L.mapbox.markerLayer();
markerLayer.loadURL('geojson.php?lat='+lat+'&lng='+lng)
   .addTo(map);

markerLayer.on('click',function(e) {
    e.layer.unbindPopup();

    var feature = e.layer.feature;
    var info = '<h2>' + feature.properties.name + '</h2>' +
               '<p>' + feature.properties.description + '</p>';

    document.getElementById('info').innerHTML = info;

    feature.properties['old-color'] = feature.properties['marker-color'];
    feature.properties['marker-color'] = '#000';

});

Why does this not work and how would I go about changing the color of the marker using geoJson data loaded from a URL? The posted example depends on geoJson data that wasn't loaded using loadUrl. I suspect that has something to do with the reason why marker colors do not change.

• javascript
• mapbox

Share Improve this question Follow asked Oct 7, 2013 at 10:28 sudocitysudocity 48788 silver badges1414 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Changing the properties of the feature can't automatically change the icon - you'll need to call setIcon, like:

e.layer.setIcon(L.mapbox.marker.icon(feature.properties));