Загрузка маркеров геоджона в mapbox с настройкой пользовательского изображения значка
Я новичок в mapbox / листовке, и я думаю, что это довольно основная проблема, я борюсь последние два дня, и хотя я попробовал несколько способов, я не могу обернуть голову вокруг этого.
Я загружаю маркеры через геойсон:
var ma_3 = L.mapbox.featureLayer().loadURL('./data/marathon/marker3x.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);
Геойсон выглядит так:
{
"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
]
},
Я что-то упустил, потому что я также попытался дать маркеру новое лицо, используя
var icon_live = L.icon({ iconUrl: './img/icon-live.png', iconSize: [35,35] });
где-то в функции setIcon, но, кажется, ничего не работает. Если кто-то мог бы указать мне в правильном направлении. Это действительно ценится.