Newer
Older
pre-www / src / blocks / map.twig
@EcosistemaWebIuav EcosistemaWebIuav on 5 Jul 2 KB fix: tease lg hover
<div class="grid-container">
    <div class="map-container">
        <div id="map" class="map"></div>
    </div>
</div>
<script>
    
    var map = L.map('map').setView([45.438, 12.327], 15);

    L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
        maxZoom: 19,
        scrollWheelZoom: false,
        attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
    }).addTo(map);

    map.scrollWheelZoom.disable()

    var buildings = [
        [
            [45.433, 12.316],
            "<b>Terese</b> / Dorsoduro 2206<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.43833199851948, 12.325662599025984],
            "<b>Badoer</b> / San Polo 2468<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.43881840347008, 12.322439965103174],
            "<b>Campo della Lana</b> / Santa Croce 601<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.43848284980703, 12.32527031293362],
            "<b>Casa del gondolier</b> / San Polo 2468/B<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.4378702946963, 12.32237261293365],
            "<b>Tolentini</b> / Santa Croce 191<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.441842547179405, 12.329984185950124],
            "<b>Ca’ Tron</b> / Santa Croce 1957<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.432032238634314, 12.315256412933396],
            "<b>Cotonificio veneziano</b> / Dorsoduro, 2196<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.432001409689356, 12.31707658409729],
            "<b>Magazzino 7</b> / Dorsoduro 1827<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.432001409689356, 12.31707658409729],
            "<b>Magazzino 6</b> / Dorsoduro 1827<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.43604375533904, 12.325339126425341],
            "<b>Masieri</b> / Dorsoduro 3900<br><a href=\"#\">Vedi sede</a>"
        ],
        [
            [45.47947529790401, 12.25534831752581],
            "<b>Mestre</b> / via Torino 153/a<br><a href=\"#\">Vedi sede</a>"
        ]
    ]

    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]);

    }

    circle.addEventListener('click', function(){
        circle.setStyle({color: '#6E7878', fillColor: '#6E7878'})
    })

</script>