{"id":843,"date":"2024-05-17T11:05:58","date_gmt":"2024-05-17T09:05:58","guid":{"rendered":"https:\/\/aztech-modular.de\/?page_id=843"},"modified":"2024-07-30T10:52:27","modified_gmt":"2024-07-30T08:52:27","slug":"karte-unserer-projekte-2024","status":"publish","type":"page","link":"https:\/\/aztech-modular.de\/en_us\/kontakt\/karte-unserer-projekte-2024\/","title":{"rendered":"Karte unserer Projekte 2024"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n Mapa Projekt\u00f3w Dom\u00f3w Modularnych<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.css\" \/>\n <style>\n #map {\n height: 100vh;\n }\n .popup-image {\n width: 100px;\n cursor: pointer;\n }\n .popup-image img {\n width: 100%;\n }\n .popup-image-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n display: flex;\n justify-content: center;\n align-items: center;\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.3s;\n z-index: 1000;\n }\n .popup-image-overlay img {\n max-width: 90%;\n max-height: 90%;\n }\n .popup-image-overlay.visible {\n visibility: visible;\n opacity: 1;\n }\n .close-button {\n position: absolute;\n top: 20px;\n right: 20px;\n background: transparent;\n border: none;\n color: #fff;\n font-size: 24px;\n font-weight: bold;\n cursor: pointer;\n z-index: 1001;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"map\"><\/div>\n <div id=\"image-overlay\" class=\"popup-image-overlay\">\n <button class=\"close-button\" onclick=\"hideOverlay()\">X<\/button>\n <img decoding=\"async\" id=\"overlay-image\" src=\"\" alt=\"Project Image\">\n <\/div>\n <script src=\"https:\/\/unpkg.com\/leaflet\/dist\/leaflet.js\"><\/script>\n <script>\n const map = L.map('map').setView([51.1657, 10.4515], 6); \/\/ Centered over Germany\n\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n maxZoom: 19,\n }).addTo(map);\n\n const projects = [\n {lat: 49.667, lon: 7.767, text: 'Piramid + Buro', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-01.jpg'}, \/\/ 1.Gangloff DE\n {lat: 52.222, lon: 10.308, text: 'Sphere + Viking', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-02.jpg'}, \/\/ 2.Lengede DE\n {lat: 50.852, lon: 8.483, text: 'Oblivion', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-03.jpg'}, \/\/ 3.Steffenberg DE\n {lat: 54.314, lon: 13.089, text: 'Sphere', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-04.jpg'}, \/\/ 4.Stralsund DE\n {lat: 51.504, lon: 14.638, text: 'Viking', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-05.jpg'}, \/\/ 5.Weiswasser DE\n {lat: 48.683, lon: 11.617, text: 'Indywidualny', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-06.jpg'}, \/\/ 6.Geisenfeld DE\n {lat: 49.732, lon: 12.168, text: 'Viking', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-07.jpg'}, \/\/ 7.Schwarzenbach DE\n {lat: 48.095, lon: 9.793, text: 'Viking', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-08.jpg'}, \/\/ 8.Biberach\/Riss DE\n {lat: 49.429, lon: 13.538, text: 'Viking', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-09.jpg'}, \/\/ 9.Hyskov CZ\n {lat: 49.124, lon: 16.116, text: 'Viking', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-10.jpg'}, \/\/ 10.Hradec-Nova Ves CZ\n {lat: 48.307, lon: 16.495, text: 'Viking', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/07\/MAPKA-11.jpg'}, \/\/ 11.Gerasdorf AT\n ];\n\n const company = {lat: 50.3449, lon: 18.2189, text: 'Siedziba firmy', img: 'http:\/\/aztech-modular.de\/wp-content\/uploads\/2024\/05\/logo1.png'};\n\n function createPopupContent(text, img, enlargeable) {\n return `<div class=\"popup-image\" ${enlargeable ? `onclick=\"enlargeImage('${img}')\"` : ''}>\n <p>${text}<\/p>\n <img decoding=\"async\" src=\"${img}\" alt=\"${text}\">\n <\/div>`;\n }\n\n function enlargeImage(imgSrc) {\n const overlay = document.getElementById('image-overlay');\n const overlayImage = document.getElementById('overlay-image');\n overlayImage.src = imgSrc;\n overlay.classList.add('visible');\n }\n\n function hideOverlay() {\n document.getElementById('image-overlay').classList.remove('visible');\n }\n\n projects.forEach(project => {\n L.marker([project.lat, project.lon], {icon: L.icon({iconUrl: 'https:\/\/raw.githubusercontent.com\/pointhi\/leaflet-color-markers\/master\/img\/marker-icon-blue.png', iconSize: [25, 41], iconAnchor: [12, 41]})})\n .addTo(map)\n .bindPopup(createPopupContent(project.text, project.img, true));\n });\n\n L.marker([company.lat, company.lon], {icon: L.icon({iconUrl: 'https:\/\/raw.githubusercontent.com\/pointhi\/leaflet-color-markers\/master\/img\/marker-icon-red.png', iconSize: [25, 41], iconAnchor: [12, 41]})})\n .addTo(map)\n .bindPopup(createPopupContent(company.text, company.img, false));\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Mapa Projekt\u00f3w Dom\u00f3w Modularnych X<\/p>","protected":false},"author":2,"featured_media":0,"parent":30,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-843","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/pages\/843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/comments?post=843"}],"version-history":[{"count":59,"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/pages\/843\/revisions"}],"predecessor-version":[{"id":1108,"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/pages\/843\/revisions\/1108"}],"up":[{"embeddable":true,"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/pages\/30"}],"wp:attachment":[{"href":"https:\/\/aztech-modular.de\/en_us\/wp-json\/wp\/v2\/media?parent=843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}