{"id":2,"date":"2026-09-09T10:06:51","date_gmt":"2026-09-09T10:06:51","guid":{"rendered":"https:\/\/opmedico.pl\/?page_id=2"},"modified":"2026-09-20T09:44:36","modified_gmt":"2026-09-20T08:44:36","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/opmedico.pl\/","title":{"rendered":"Strona G\u0142\u00f3wna"},"content":{"rendered":"\n<script data-wp-block-html=\"js\">\n<!-- OPMEDICO - MAPA OBSZARU DZIA\u0141ANIA -->\n<div class=\"opmedico-map-wrapper\">\n    \n    <div class=\"opmedico-map-header\">\n        <h2>Obszar dzia\u0142ania OpMedico<\/h2>\n        <p>\n            \u015awiadczymy us\u0142ugi opiekun\u00f3w medycznych, piel\u0119gniarek \n            i fizjoterapeut\u00f3w w domach pacjent\u00f3w.\n        <\/p>\n    <\/div>\n\n    <div id=\"opmedico-map\"><\/div>\n\n<\/div>\n\n<style>\n    .opmedico-map-wrapper {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        font-family: inherit;\n    }\n\n    .opmedico-map-header {\n        text-align: center;\n        margin-bottom: 20px;\n    }\n\n    .opmedico-map-header h2 {\n        margin-bottom: 8px;\n        font-size: 32px;\n        font-weight: 700;\n    }\n\n    .opmedico-map-header p {\n        margin: 0 auto;\n        max-width: 750px;\n        font-size: 17px;\n        line-height: 1.6;\n    }\n\n    #opmedico-map {\n        width: 100%;\n        height: 550px;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.12);\n    }\n\n    .opmedico-info {\n        font-family: Arial, sans-serif;\n        line-height: 1.5;\n        min-width: 200px;\n    }\n\n    .opmedico-info strong {\n        font-size: 16px;\n    }\n\n    @media (max-width: 768px) {\n        #opmedico-map {\n            height: 450px;\n            border-radius: 8px;\n        }\n\n        .opmedico-map-header h2 {\n            font-size: 26px;\n        }\n\n        .opmedico-map-header p {\n            font-size: 15px;\n        }\n    }\n<\/style>\n\n<script>\nasync function initOpMedicoMap() {\n\n    const { Map } = await google.maps.importLibrary(\"maps\");\n    const { AdvancedMarkerElement } = await google.maps.importLibrary(\"marker\");\n\n    \/* =========================================\n       MAPA\n       ========================================= *\/\n\n    const map = new Map(document.getElementById(\"opmedico-map\"), {\n        center: {\n            lat: 50.2860,\n            lng: 19.1040\n        },\n\n        zoom: 10,\n\n        mapTypeControl: false,\n        streetViewControl: false,\n        fullscreenControl: true,\n        zoomControl: true,\n\n        mapId: \"DEMO_MAP_ID\"\n    });\n\n\n    \/* =========================================\n       OBSZAR DZIA\u0141ANIA\n       \n       Tutaj mo\u017cesz zmienia\u0107 punkty graniczne\n       obszaru.\n       ========================================= *\/\n\n    const obszarDzialania = [\n\n        \/* zach\u00f3d *\/\n        { lat: 50.2700, lng: 18.8700 },\n\n        \/* p\u00f3\u0142nocny zach\u00f3d *\/\n        { lat: 50.3900, lng: 18.9000 },\n\n        \/* p\u00f3\u0142noc *\/\n        { lat: 50.4300, lng: 19.1200 },\n\n        \/* p\u00f3\u0142nocny wsch\u00f3d *\/\n        { lat: 50.4000, lng: 19.3500 },\n\n        \/* wsch\u00f3d *\/\n        { lat: 50.2500, lng: 19.4300 },\n\n        \/* po\u0142udniowy wsch\u00f3d *\/\n        { lat: 50.1000, lng: 19.3500 },\n\n        \/* po\u0142udnie *\/\n        { lat: 50.0500, lng: 19.1200 },\n\n        \/* po\u0142udniowy zach\u00f3d *\/\n        { lat: 50.1200, lng: 18.9000 }\n    ];\n\n\n    \/* =========================================\n       KOLOROWY OBSZAR\n       ========================================= *\/\n\n    const polygon = new google.maps.Polygon({\n\n        paths: obszarDzialania,\n\n        strokeColor: \"#0693e3\",\n        strokeOpacity: 0.9,\n        strokeWeight: 2,\n\n        fillColor: \"#0693e3\",\n        fillOpacity: 0.18,\n\n        clickable: true,\n\n        map: map\n    });\n\n\n    \/* =========================================\n       MIEJSCOWO\u015aCI\n       ========================================= *\/\n\n    const miasta = [\n\n        {\n            nazwa: \"Sosnowiec\",\n            lat: 50.2860,\n            lng: 19.1040\n        },\n\n        {\n            nazwa: \"B\u0119dzin\",\n            lat: 50.3260,\n            lng: 19.1260\n        },\n\n        {\n            nazwa: \"Czelad\u017a\",\n            lat: 50.3260,\n            lng: 19.0800\n        },\n\n        {\n            nazwa: \"D\u0105browa G\u00f3rnicza\",\n            lat: 50.3217,\n            lng: 19.1949\n        },\n\n        {\n            nazwa: \"Katowice\",\n            lat: 50.2649,\n            lng: 19.0238\n        },\n\n        {\n            nazwa: \"Mys\u0142owice\",\n            lat: 50.2080,\n            lng: 19.1666\n        },\n\n        {\n            nazwa: \"Jaworzno\",\n            lat: 50.2053,\n            lng: 19.2747\n        },\n\n        {\n            nazwa: \"Chorz\u00f3w\",\n            lat: 50.2975,\n            lng: 18.9546\n        },\n\n        {\n            nazwa: \"Siemianowice \u015al\u0105skie\",\n            lat: 50.3236,\n            lng: 19.0290\n        }\n    ];\n\n\n    \/* =========================================\n       MARKERY MIAST\n       ========================================= *\/\n\n    miasta.forEach(function(miasto) {\n\n        const marker = new AdvancedMarkerElement({\n            map: map,\n            position: {\n                lat: miasto.lat,\n                lng: miasto.lng\n            },\n            title: miasto.nazwa\n        });\n\n\n        const infoWindow = new google.maps.InfoWindow({\n            content: `\n                <div class=\"opmedico-info\">\n                    <strong>${miasto.nazwa}<\/strong><br>\n                    <span>Obszar dzia\u0142ania OpMedico<\/span>\n                <\/div>\n            `\n        });\n\n\n        marker.addListener(\"click\", function() {\n            infoWindow.open({\n                map: map,\n                anchor: marker\n            });\n        });\n\n    });\n\n\n    \/* =========================================\n       MARKER OPMEDICO\n       ========================================= *\/\n\n    const opmedicoMarker = new AdvancedMarkerElement({\n\n        map: map,\n\n        position: {\n            lat: 50.2860,\n            lng: 19.1040\n        },\n\n        title: \"OpMedico\"\n    });\n\n\n    const opmedicoInfo = new google.maps.InfoWindow({\n\n        content: `\n            <div class=\"opmedico-info\">\n                <strong>OpMedico<\/strong><br>\n                Us\u0142ugi medyczne w domu pacjenta\n            <\/div>\n        `\n    });\n\n\n    opmedicoMarker.addListener(\"click\", function() {\n\n        opmedicoInfo.open({\n            map: map,\n            anchor: opmedicoMarker\n        });\n\n    });\n\n}\n\n\n\/* =========================================\n   \u0141ADOWANIE GOOGLE MAPS\n   ========================================= *\/\n\n(g => {\n    var h, a, k,\n        p = \"The Google Maps JavaScript API\",\n        c = \"google\",\n        l = \"importLibrary\",\n        q = \"__ib__\",\n        m = document,\n        b = window;\n\n    b = b[c] || (b[c] = {});\n\n    var d = b.maps || (b.maps = {}),\n        r = new Set(),\n        e = new URLSearchParams(),\n\n        u = () =>\n            h || (h = new Promise(async (f, n) => {\n\n                await (a = m.createElement(\"script\"));\n\n                e.set(\"libraries\", [...r] + \"\");\n\n                for (k in g)\n                    e.set(\n                        k.replace(\n                            \/[A-Z]\/g,\n                            t => \"_\" + t[0].toLowerCase()\n                        ),\n                        g[k]\n                    );\n\n                e.set(\"callback\", c + \".maps.\" + q);\n\n                a.src =\n                    `https:\/\/maps.${c}apis.com\/maps\/api\/js?` +\n                    e;\n\n                d[q] = f;\n\n                a.onerror =\n                    () => h = n(\n                        Error(p + \" could not load.\")\n                    );\n\n                a.nonce =\n                    m.querySelector(\"script[nonce]\")?.nonce || \"\";\n\n                m.head.append(a);\n\n            }));\n\n    d[l]\n        ? console.warn(p + \" only loads once.\")\n        : d[l] = (f, ...n) =>\n            r.add(f) &&\n            u().then(() => d[l](f, ...n));\n\n})({\n\n    key: \"TWOJ_KLUCZ_GOOGLE_MAPS\",\n\n    v: \"weekly\"\n\n});\n\ninitOpMedicoMap();\n<\/script>\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":3,"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/opmedico.pl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}