Как изменить иконку маркера в leaflet
Всем привет, от сервера приходят данные в формате geoJSON после чего они добавляются на карту
$.ajax({
url: '/coupling/select/',
type: 'post',
data: {
sw_lat: southWest.lat,
sw_lon: southWest.lng,
ne_lat: northEast.lat,
ne_lon: northEast.lng
},
success: function (data) {
L.geoJSON(data, {
icon: leafletIcon,
onEachFeature: onEachFeature
}).addTo(map)
},
complete: function () {
loader_countdown_dec('coupling');
}
});
Пытаюсь изменить для каждого отдельного объекта иконку, но что-то не выходит. Вот функция, которая должна была возвращать нужные иконки, но я явно что-то где-то упускаю
function leafletIcon(feature){
if(feature.properties.obj == 1){
return L.icon({iconUrl: 'images/cable.png'});
}
else if(feature.properties.obj == 2){
return L.icon({iconUrl: 'images/boxpon.png'});
}
else if(feature.properties.obj == 3){
return L.icon({iconUrl: 'images/coupling.png'});
}
}
Спасибо всем за помощь!