diff --git a/assets/js/theme/blocks/partners-map.js b/assets/js/theme/blocks/partners-map.js index 77054fc2ab84ae087e9710c494b97ba215f47124..6d4d487a887866b5a54fdd036c278319c7c8037f 100644 --- a/assets/js/theme/blocks/partners-map.js +++ b/assets/js/theme/blocks/partners-map.js @@ -1,48 +1,48 @@ -const partnersMap = document.querySelectorAll('.block-partners--map'); +// const partnersMap = document.querySelectorAll('.block-partners--map'); -class BlockPartners { - constructor (block) { - this.block = block; - this.content = this.block.querySelector('#map'); - this.partnersList = this.content.querySelectorAll('.organization') +// class BlockPartners { +// constructor (block) { +// this.block = block; +// this.content = this.block.querySelector('#map'); +// this.partnersList = this.content.querySelectorAll('.organization') - this.themeMarker = L.icon({ - iconUrl: '/assets/images/map-marker.svg', - iconSize: [26, 17], - }); +// this.themeMarker = L.icon({ +// iconUrl: '/assets/images/map-marker.svg', +// iconSize: [26, 17], +// }); - this.listen(); - } +// this.listen(); +// } - listen () { - console.log("lalala") - this.map = L.map('map').setView([2.3246629, 48.8862136], 13); +// listen () { +// console.log("lalala") +// this.map = L.map('map').setView([2.3246629, 48.8862136], 13); - L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { - maxZoom: 19, - attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' - }).addTo(map); +// L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', { +// maxZoom: 19, +// attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' +// }).addTo(map); - this.partnersList.forEach((partner) => { - let latitude = parseFloat(partner.getAttribute('data-latitude')), - longitude = parseFloat(partner.getAttribute('data-longitude')); +// this.partnersList.forEach((partner) => { +// let latitude = parseFloat(partner.getAttribute('data-latitude')), +// longitude = parseFloat(partner.getAttribute('data-longitude')); - if (!!latitude && !!longitude) { - setLocation = [latitude, longitude]; - console.log(setLocation) - } - newMarker(setLocation); - }); - } - newMarker(setLocation) { - var marker = new L.marker(setLocation, { - draggable: false - }); - map.addLayer(marker); - } +// if (!!latitude && !!longitude) { +// setLocation = [latitude, longitude]; +// console.log(setLocation) +// } +// newMarker(setLocation); +// }); +// } +// newMarker(setLocation) { +// var marker = new L.marker(setLocation, { +// draggable: false +// }); +// map.addLayer(marker); +// } -} +// } -partnersMap.forEach((partners) => { - new BlockPartners(partners); -}); +// partnersMap.forEach((partners) => { +// new BlockPartners(partners); +// }); diff --git a/layouts/partials/blocks/templates/partners/map.html b/layouts/partials/blocks/templates/partners/map.html index fbd50d4c20733cca2fd23eaef5a982ece9b81852..4c743d79631f8a920f0332ef6b198aa851644933 100644 --- a/layouts/partials/blocks/templates/partners/map.html +++ b/layouts/partials/blocks/templates/partners/map.html @@ -60,8 +60,9 @@ var marker = new L.marker(setLocation, { draggable: false }); + marker.bindPopup(partner.innerHTML).openPopup(); map.addLayer(marker); - } + } newMarker(setLocation) } });