diff --git a/src/blocks/map.twig b/src/blocks/map.twig index e25c82c..43bcc68 100644 --- a/src/blocks/map.twig +++ b/src/blocks/map.twig @@ -62,19 +62,35 @@ ] ] + function resetMarkersStyle(){ + for (let index = 0; index < buildings.length; index++) { + window['circle'+'_'+index].setStyle({color: '#000', fillColor: '#000'}) + } + } + for (let index = 0; index < buildings.length; index++) { - var circle = L.circleMarker(buildings[index][0], { - color: '#000', - fillColor: '#000', - fillOpacity: 1, - radius: 9 - }).addTo(map); - circle.bindPopup(buildings[index][1]); + window['circle'+'_'+index] = L.circleMarker(buildings[index][0], + { + color: '#000', + fillColor: '#000', + fillOpacity: 1, + radius: 9 + }) + .addTo(map) + .bindPopup(buildings[index][1]) + .on('click', function(e){ + resetMarkersStyle() + this.setStyle({color: '#6E7878', fillColor: '#6E7878'}) + this.bringToFront() + }) + ; } - circle.addEventListener('click', function(){ - circle.setStyle({color: '#6E7878', fillColor: '#6E7878'}) + map.addEventListener('click', function(e){ + resetMarkersStyle() }) + + \ No newline at end of file