{"id":9202,"date":"2025-04-07T13:29:22","date_gmt":"2025-04-07T12:29:22","guid":{"rendered":"https:\/\/blockcity.tech\/?page_id=9202"},"modified":"2026-02-27T20:43:27","modified_gmt":"2026-02-27T19:43:27","slug":"mapa-nasazeni","status":"publish","type":"page","link":"https:\/\/blockcity.tech\/cz\/mapa-nasazeni\/","title":{"rendered":"Mapa nasazen\u00ed."},"content":{"rendered":"<style>.kb-row-layout-id9202_1279e3-15 > .kt-row-column-wrap{align-content:center;}:where(.kb-row-layout-id9202_1279e3-15 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:center;}.kb-row-layout-id9202_1279e3-15 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id9202_1279e3-15 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id9202_1279e3-15 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-wrap.wp-block-kadence-rowlayout.kb-row-layout-id9202_1279e3-15{margin-top:0px;margin-bottom:0px;}.kb-row-layout-id9202_1279e3-15 > .kt-row-column-wrap{padding-right:0px;padding-left:0px;grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id9202_1279e3-15 alignfull wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-row kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-middle\">\n<style>.kadence-column9202_dd30be-e5 > .kt-inside-inner-col,.kadence-column9202_dd30be-e5 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column9202_dd30be-e5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column9202_dd30be-e5 > .kt-inside-inner-col{flex-direction:column;}.kadence-column9202_dd30be-e5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column9202_dd30be-e5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column9202_dd30be-e5{position:relative;}@media all and (max-width: 1024px){.kadence-column9202_dd30be-e5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column9202_dd30be-e5 > .kt-inside-inner-col{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;flex-direction:column;justify-content:center;}.kadence-column9202_dd30be-e5, .kt-inside-inner-col > .kadence-column9202_dd30be-e5:not(.specificity){margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column9202_dd30be-e5\"><div class=\"kt-inside-inner-col\">\n<!DOCTYPE html>\n<html lang=\"hu\">\n<head>\n  \n  <title>Informace o zna\u010dce v Map\u00e1ch Google<\/title>\n  <style>\n    html, body {\n      margin: 0;\n      padding: 0;\n      height: 100%;\n      width: 100%;\n      overflow-x: hidden;\n    }\n\n    #map {\n      height: 90vh;\n      width: 100%;\n      border-radius: 10px;\n    }\n\n    .gm-ui-hover-effect {\n      display: none !important;\n    }\n\n    #customInfoWindow {\n      width: 100%;\n      max-width: 320px;\n      font-family: 'Uni Sans', Arial, sans-serif;\n      box-sizing: border-box;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      padding: 2px 11px 10px 0px;\n      background-color: white;\n      border-radius: 8px;\n      margin-top: 0px;\n      position: relative;\n    }\n\n    #customInfoWindow .header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding-bottom: 10px;\n      flex-wrap: wrap;\n      width: 100%;\n      padding-right: 30px;\n    }\n\n    #customInfoWindow h2 {\n      font-size: 16px;\n      margin: 0;\n      line-height: 1.3;\n      overflow-wrap: break-word;\n      white-space: normal;\n      word-break: normal;\n      font-weight: bold;\n    }\n\n    #customInfoWindow .close-button {\n      position: absolute;\n      top: 5px;\n      right: 8px;\n      background: none;\n      border: none;\n      font-size: 30px;\n      cursor: pointer;\n      color: #333;\n      line-height: 1;\n      padding: 0;\n      z-index: 10;\n      margin-top: -8px;\n    }\n\n    #customInfoWindow p {\n      margin: 0 0 8px 0;\n      font-size: 13px;\n    }\n\n    #customInfoWindow img {\n      width: 100%;\n      height: auto;\n      max-height: 200px;\n      object-fit: cover;\n      border-radius: 6px;\n      margin-top: 10px;\n      display: block;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div id=\"map\"><\/div>\n  <script>\n    function initMap() {\n      const map = new google.maps.Map(document.getElementById(\"map\"), {\n        center: { lat: 47.497913, lng: 19.040236 },\n        zoom: 9,\n        zoomControl: true,\n        zoomControlOptions: {\n          position: google.maps.ControlPosition.RIGHT_TOP\n        },\n        mapTypeId: \"terrain\",\n        mapTypeControl: false,\n        styles: [\n          { featureType: \"all\", elementType: \"labels.text.fill\", stylers: [{ saturation: 36 }, { color: \"#000000\" }, { lightness: 40 }] },\n          { featureType: \"all\", elementType: \"labels.text.stroke\", stylers: [{ visibility: \"on\" }, { color: \"#ffffff\" }, { lightness: 16 }] },\n          { featureType: \"all\", elementType: \"labels.icon\", stylers: [{ visibility: \"off\" }] },\n          { featureType: \"administrative\", elementType: \"geometry.fill\", stylers: [{ color: \"#fefefe\" }, { lightness: 20 }] },\n          { featureType: \"administrative\", elementType: \"geometry.stroke\", stylers: [{ color: \"#fefefe\" }, { lightness: 17 }, { weight: 1.2 }] },\n          { featureType: \"landscape\", elementType: \"geometry\", stylers: [{ color: \"#f5f5f5\" }, { lightness: 20 }] },\n          { featureType: \"poi\", elementType: \"geometry\", stylers: [{ color: \"#f5f5f5\" }, { lightness: 21 }] },\n          { featureType: \"road.highway\", elementType: \"geometry.fill\", stylers: [{ color: \"#ffffff\" }, { lightness: 17 }] },\n          { featureType: \"road.highway\", elementType: \"geometry.stroke\", stylers: [{ color: \"#ffffff\" }, { lightness: 29 }, { weight: 0.2 }] },\n          { featureType: \"road.arterial\", elementType: \"geometry\", stylers: [{ color: \"#ffffff\" }, { lightness: 18 }] },\n          { featureType: \"road.local\", elementType: \"geometry\", stylers: [{ color: \"#ffffff\" }, { lightness: 16 }] },\n          { featureType: \"transit\", elementType: \"geometry\", stylers: [{ color: \"#f2f2f2\" }, { lightness: 19 }] },\n          { featureType: \"water\", elementType: \"geometry\", stylers: [{ color: \"#e9e9e9\" }, { lightness: 17 }] }\n        ]\n      });\n\n      const markers = [\n      {\n        position: { lat: 47.522594, lng: 19.036720 },\n        title: \"District II - Frankel Le\u00f3 St.\",\n        location: \"1023 Budapest, Frankel Le\u00f3 St. 86-94\",\n        product: \"G6 Bike Garage\",\n        image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-II_ker-2.webp\"\n        },\n        {\n          position: { lat: 47.529775, lng: 19.001872 },\n          title: \"District II - T\u00f6r\u00f6kv\u00e9sz\",\n          location: \"1023 Budapest, T\u00f6r\u00f6kv\u00e9sz St. 88\",\n          product: \"G6 Bike Garage\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-II_ker-4.webp\"\n          },      \n        {\n          position: { lat: 47.5229400054195, lng: 19.057529634674694 },\n          title: \"RaM ArT Theater\",\n          location: \"1133 Budapest, K\u00e1rp\u00e1t St. 23\",\n          product: \"8 Dock P2 Station\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-p2-RaM_ArT-Poster_image.png\"\n        },\n        {\n          position: { lat: 47.50894719048908, lng: 19.124186821788026 },\n          title: \"BGE - Bagolyv\u00e1r Dormitory\",\n          location: \"1148 Budapest, Bagolyv\u00e1r St. 6-10.\",\n          product: \"5 Dock P2 Station\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-p2-BGE-Featured.webp\"\n        },\n        {\n          position: { lat: 47.462444, lng: 19.148361 },\n          title: \"K\u00d6KI BringaPont\",\n          location: \"1191 Budapest, Vak Botty\u00e1n St.\",\n          product: \"B+R Facility (3 Dock P2 Station, 26 Novel Stands, Service Station)\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-br-koki-1.webp\"\n        },\n        {\n          position: { lat: 47.467941, lng: 19.117614 },\n          title: \"District IX \u2013 Ferencv\u00e1ros\",\n          location: \"1091 Budapest, \u00dcll\u0151i Rd. 177\",\n          product: \"2-module G6 Bike Garage\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-IX_ker-Ferencvaros-2.webp\"\n        },\n        {\n          position: { lat: 47.228204, lng: 19.146687 },\n          title: \"Bugyi\",\n          location: \"2347 Bugyi, M\u00e1rcius 15. Square\",\n          product: \"B+R Facility (4 Novel Stands)\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-br-bugyi-1.webp\"\n        },\n        {\n          position: { lat: 47.258306, lng: 18.516944 },\n          title: \"P\u00e1tka - Gas station\",\n          location: \"8092 P\u00e1tka Feh\u00e9rv\u00e1ri Rd.\",\n          product: \"B+R Facility (5 Dock P2 Station, 5 Novel Stands, Service Station)\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/2024\/11\/block-success_story-br_facility-patka.webp\"\n        },\n        {\n          position: { lat: 47.105431, lng: 17.559727 },\n          title: \"Ajka\",\n          location: \"8400 Ajka Semmelweis St. 1\",\n          product: \"4 Novel Stands\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-novel-ajka-2.webp\"\n        },\n        {\n          position: { lat: 47.503356, lng: 19.146682 },\n          title: \"District X \u2013 K\u0151b\u00e1nya, G\u00e9pmad\u00e1r Park\",\n          location: \"1106 Budapest G\u00e9pmad\u00e1r Park 2-8\",\n          product: \"2-module integrated G6 Bike Garage\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-X_ker-Kobanya-Gepmadar-1.webp\"\n        },\n        {\n          position: { lat: 47.471408, lng: 19.163096 },\n          title: \"District X - K\u0151b\u00e1nya, Harmat St.\",\n          location: \"1108 Budapest Harmat St. 113\",\n          product: \"2-module integrated G6 Bike Garage\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-X_ker-Kobanya-2.webp\"\n        },\n        {\n          position: { lat: 47.933167, lng: 21.038056 },\n          title: \"Tisza\u00fajv\u00e1ros \u2013 Clinic\",\n          location: \"3580 Tisza\u00fajv\u00e1ros Bethlen G. Rd. 11\",\n          product: \"5 Dock P2 Station\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/2024\/11\/block-success_story-p2_bike_dock-tiszaujvaros.webp\"\n        },\n        {\n          position: { lat: 47.929361, lng: 21.049111 },\n          title: \"Tisza\u00fajv\u00e1ros - Sports Center\",\n          location: \"3580 Tisza\u00fajv\u00e1ros Teleki Blanka Rd. 4\",\n          product: \"10 Dock P2 Station\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-p2-Tiszaujvaros-1.webp\"\n        },\n        {\n          position: { lat: 47.414413, lng: 19.03138 },\n          title: \"District XXII \u2013 Budafok\",\n          location: \"1222 Budapest, Magash\u00e1z st. 2\",\n          product: \"1-module G6 Bike Garage\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/G6_Magashaz-utca-2.jpg\"\n        },\n        {\n          position: { lat: 47.430862, lng: 19.038375 },\n          title: \"District XXII \u2013 Budafok\",\n          location: \"1222 Budapest, Le\u00e1nyka st. 14\",\n          product: \"1-module G6 Bike Garage\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/G6_Leanyka-utca-14-scaled.jpg\"\n        },\n        {\n          position: { lat: 47.5478, lng: 19.0399 },\n          title: \"District III \u2013 \u00d3buda\",\n          location: \"1033 Budapest, Ker\u00e9k st. 34\",\n          product: \"9-module K1 Bike Container\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-XXII_ker-Obuda-5.webp\"\n        },\n        {\n          position: { lat: 47.547337, lng: 19.043862 },\n          title: \"District III \u2013 \u00d3buda\",\n          location: \"1035 Budapest, B\u00fav\u00e1r st. 17-19\",\n          product: \"4-module K1 Bike Container\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-XXII_ker-Obuda-2.webp\"\n        },\n        {\n          position: { lat: 47.546491, lng: 19.043942 },\n          title: \"District III \u2013 \u00d3buda\",\n          location: \"1033 Budapest, Mikl\u00f3s st. 8\",\n          product: \"10-module K1 Bike Container\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-XXII_ker-Obuda-3.webp\"\n        },\n        {\n          position: { lat: 47.594503, lng: 19.050041 },\n          title: \"District III \u2013 \u00d3buda\",\n          location: \"1039 Budapest, Holl\u00f3s Korvin Lajos st. 6\",\n          product: \"10-module K1 Bike Container\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-XXII_ker-Obuda-4.webp\"\n        },\n        {\n          position: { lat: 47.5957, lng: 19.05009 },\n          title: \"District III \u2013 \u00d3buda\",\n          location: \"1039 Budapest, Corner of Szinb\u00e1d st. and Pablo Neruda st.\",\n          product: \"6-module K1 Bike Container\",\n          image: \"https:\/\/blockcity.tech\/wp-content\/uploads\/block-success_story-g6-XXII_ker-Obuda-1.webp\"\n        }\n      ];\n\n      window.infoWindow = new google.maps.InfoWindow();\n\n      markers.forEach(({ position, title, location, product, image }) => {\n        let iconUrl = \"\";\n\n        if (product.includes(\"P2\")) {\n          iconUrl = \"https:\/\/blockcity.tech\/wp-content\/uploads\/Map_marker-P2.svg\";\n        } else if (product.includes(\"S1\")) {\n          iconUrl = \"https:\/\/blockcity.tech\/wp-content\/uploads\/Map_marker-S1.svg\";\n        } else if (product.includes(\"G6\")) {\n          iconUrl = \"https:\/\/blockcity.tech\/wp-content\/uploads\/Map_marker-G6.svg\";\n        } else if (product.includes(\"B+R\")) {\n          iconUrl = \"https:\/\/blockcity.tech\/wp-content\/uploads\/Map_marker-BR.svg\";\n        } else if (product.includes(\"K1\")) {\n          iconUrl = \"https:\/\/blockcity.tech\/wp-content\/uploads\/Map_marker-K1.svg\";\n        } else if (product.toLowerCase().includes(\"novel\")) {\n          iconUrl = \"https:\/\/blockcity.tech\/wp-content\/uploads\/Map_marker-NS.svg\";\n        }\n\n        const marker = new google.maps.Marker({\n          position,\n          map,\n          title,\n          icon: {\n            url: iconUrl,\n            scaledSize: new google.maps.Size(35, 35)\n          }\n        });\n\n        marker.addListener(\"click\", () => {\n          window.infoWindow.close();\n          const content = `\n            <div id=\"customInfoWindow\">\n              <button class=\"close-button\" onclick=\"window.infoWindow.close()\">&times;<\/button>\n              <div class=\"header\">\n                <h2>${title}<\/h2>\n              <\/div>\n              <div>\n                <p><strong>Location:<\/strong> ${location}<\/p>\n                <p><strong>Product:<\/strong> ${product}<\/p>\n              <\/div>\n              <div>\n                <img decoding=\"async\" src=\"${image}\" alt=\"${title}\" \/>\n              <\/div>\n            <\/div>\n          `;\n\n          const offset = 0.003;\n          map.panTo({ lat: position.lat + offset, lng: position.lng });\n          window.infoWindow.setContent(content);\n          window.infoWindow.open(map, marker);\n\n          setTimeout(() => {\n            const iw = document.querySelector('.gm-style-iw-d');\n            if (iw) {\n              iw.style.overflow = 'hidden';\n              iw.style.maxWidth = '100%';\n            }\n\n            const iwContainer = document.querySelector('.gm-style-iw');\n            if (iwContainer) {\n              iwContainer.style.overflow = 'hidden';\n              iwContainer.style.maxWidth = '100%';\n              iwContainer.style.boxSizing = 'border-box';\n            }\n          }, 100);\n        });\n      });\n    }\n  <\/script>\n\n  <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDvKUNd1Xmc5ndFUf8E_-dY6fEQuiNb0t8&#038;callback=initMap\" async defer><\/script>\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n<style>.kadence-column9202_255972-43 > .kt-inside-inner-col,.kadence-column9202_255972-43 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column9202_255972-43 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column9202_255972-43 > .kt-inside-inner-col{flex-direction:column;}.kadence-column9202_255972-43 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column9202_255972-43 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column9202_255972-43{position:relative;}@media all and (max-width: 1024px){.kadence-column9202_255972-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column9202_255972-43 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column9202_255972-43\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Informace o zna\u010dce v Map\u00e1ch Google<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-9202","page","type-page","status-publish","hentry"],"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"BLOCK Admin","author_link":"https:\/\/blockcity.tech\/cz\/author\/s4f3us3r\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/pages\/9202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/comments?post=9202"}],"version-history":[{"count":87,"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/pages\/9202\/revisions"}],"predecessor-version":[{"id":10202,"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/pages\/9202\/revisions\/10202"}],"wp:attachment":[{"href":"https:\/\/blockcity.tech\/cz\/wp-json\/wp\/v2\/media?parent=9202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}