Carga de marcadores de geojson en la imagen de icono personalizado de configuración de cuadro de mapa
Soy nuevo en mapbox / leaflet y creo que es un problema bastante básico que estoy luchando en los últimos dos días y, aunque he intentado de varias maneras, no puedo entenderlo.
Estoy cargando marcadores a través de geojson:
var ma_3 = L.mapbox.featureLayer().loadURL('./data/marathon/marker3x.geojson');
y luego intente cambiar propiedades como el tamaño o el color de acuerdo con el título utilizado en los datos de geojson:
ma_3.on('ready', function(layer) {
this.eachLayer(function(marker) {
if (marker.toGeoJSON().properties.title === 'Verpflegung') {
marker.setIcon(L.mapbox.marker.icon({
"marker-size": 'large'
}));
} else {
marker.setIcon(L.mapbox.marker.icon({}));
}
marker.bindPopup(marker.toGeoJSON().properties.id + ', ' +
marker.toGeoJSON().properties.title);
});
})
.addTo(baseMap);
El geojson se ve así:
{
"type": "Feature",
"properties": {
"id": "marker-ie2tbbh05",
"title": "Verpflegung",
"description": "",
"marker-size": "medium",
"marker-color": "#b7ddf3",
"marker-symbol": "marker-stroked"
},
"geometry": {
"type": "Point",
"coordinates": [
6.431395,
51.19433
]
},
¿Me estoy perdiendo algo porque también he intentado darle una nueva cara al marcador usando
var icon_live = L.icon({ iconUrl: './img/icon-live.png', iconSize: [35,35] });
en algún lugar de la función setIcon pero nada parece funcionar. Si alguien pudiera señalarme en la dirección correcta. Es realmente apreciado.