Как я могу изменить размер маркера для некоторых маркеров при наведении на маркер

У меня есть некоторые маркеры Leaflet, которые я анализирую из базы данных, но проблема в том, что при наведении на них размер маркера изменяется, но если при наведении курсора на другой маркер, размер остается тем же. Что я могу сделать ? Я нуб в этом. Спасибо!

        function addScoala1(){
var scoala = JSON.parse('<?php echo json_encode($scoala) ?>');
for(var i=0; i<scoala.length; i++) {
var greenIcon = new L.Icon({
iconUrl: 'https://static1.squarespace.com/static/540ed918e4b0daae9995d1d7/54ecab60e4b0feaa477dac5a/54ecab79e4b0c686e92227d7/1424796549381/university.png',
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize: [35, 40],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
shadowSize: [10, 10]
});
var marker = L.marker( [scoala[i]['latitudine'], scoala[i]['longitudine']], {icon: greenIcon}).addTo(groupA);
marker.bindPopup( "<b>" + scoala[i]['scoala']+"</b><br>Detalii:" + scoala[i]['detalii'] + "<br />Telefon: " + scoala[i]['telefon']);
L.Icon.Big = L.Icon.extend({
options: {
iconSize: new L.Point(44, 61),
iconUrl: 'https://static1.squarespace.com/static/540ed918e4b0daae9995d1d7/54ecab60e4b0feaa477dac5a/54ecab79e4b0c686e92227d7/1424796549381/university.png',
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png'
}});

var bigIcon = new L.Icon.Big();
groupB.eachLayer(function (layer) {
marker.on('mouseover', function (e) {
this.openPopup();
marker.setIcon(bigIcon);
});
marker.on('mouseout', function (e) {
this.closePopup();
marker.setIcon(greenIcon);
});
});

}
}

-1

Решение

Попробуйте использовать resetStyle вместо сброса предыдущего значка.
Проверьте документы для подробной информации: Leaflet API

 layer.on('mouseout', function (e) {
this.closePopup();
marker.resetStyle(e.target);
});
}
0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector