{"id":3560,"date":"2025-03-27T11:25:11","date_gmt":"2025-03-27T10:25:11","guid":{"rendered":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560"},"modified":"2025-03-27T12:13:55","modified_gmt":"2025-03-27T11:13:55","slug":"karte","status":"publish","type":"page","link":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560","title":{"rendered":"Karte"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Karte mit dynamischen Routen<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n    <style>\n        #map { height: 600px; }\n        #controls { margin: 10px; text-align: center; }\n        button {\n            padding: 10px 15px;\n            margin: 5px;\n            font-size: 16px;\n            cursor: pointer;\n        }\n\n        \/* Blinke-Effekt mit CSS *\/\n        @keyframes blink {\n            0% { opacity: 1; }\n            50% { opacity: 0; }\n            100% { opacity: 1; }\n        }\n\n        .blinking-icon {\n            animation: blink 1s infinite;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div id=\"controls\">\n        <button onclick=\"showParisRoute()\">Zeige Route Leer \u2194 Paris<\/button>\n        <button onclick=\"showNewYorkRoute()\">Zeige Route Leer \u2194 New York<\/button>\n    <\/div>\n    <div id=\"map\"><\/div>\n\n    <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n    <script>\n        \/\/ 1. Karte erstellen\n        var map = L.map('map').setView([47.0, -33.3], 4); \/\/ Mitte zwischen Leer & New York\n\n        \/\/ 2. OpenStreetMap-Layer hinzuf\u00fcgen\n        L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n            attribution: '&copy; OpenStreetMap contributors'\n        }).addTo(map);\n\n        \/\/ 3. Blinken mit CSS\n        function createBlinkingMarker(lat, lon) {\n            var blinkingIcon = L.divIcon({\n                className: 'blinking-icon',  \n                html: '\ud83d\udd34', \/\/ Emoji als Marker (Alternativ: eigenes SVG)\n                iconSize: [25, 25],\n                iconAnchor: [12, 12]\n            });\n            return L.marker([lat, lon], { icon: blinkingIcon }).addTo(map);\n        }\n\n        \/\/ 4. Positionen der Marker\n        var paris = [48.8566, 2.3522];  \n        var leer = [53.2306, 7.4610];   \n        var newYork = [40.7128, -74.0060]; \n\n        \/\/ 5. Blinkende Marker setzen\n        createBlinkingMarker(leer[0], leer[1]);\n        createBlinkingMarker(paris[0], paris[1]);\n        createBlinkingMarker(newYork[0], newYork[1]);\n\n        \/\/ 6. Start: Keine Linie aktiv\n        var routeLine = null;\n\n        \/\/ 7. Funktion f\u00fcr Route Leer \u2194 Paris\n        function showParisRoute() {\n            if (routeLine) map.removeLayer(routeLine); \/\/ Alte Linie entfernen\n            routeLine = L.polyline([leer, paris], { color: 'green', weight: 4 }).addTo(map);\n            map.setView([51.0, 5.0], 5); \/\/ Zoome zur Mitte von Leer & Paris\n        }\n\n        \/\/ 8. Funktion f\u00fcr Route Leer \u2194 New York\n        function showNewYorkRoute() {\n            if (routeLine) map.removeLayer(routeLine); \/\/ Alte Linie entfernen\n            routeLine = L.polyline([leer, newYork], { color: 'blue', weight: 4 }).addTo(map);\n            map.setView([47.0, -33.3], 4); \/\/ Zoome zur Mitte von Leer & New York\n        }\n\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3560","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Moin beim Ortsverband Leer Z31 -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Karte - Moin beim Ortsverband Leer Z31\" \/>\n\t\t<meta property=\"og:description\" content=\"Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-03-27T10:25:11+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-03-27T11:13:55+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Karte - Moin beim Ortsverband Leer Z31\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/?page_id=3560#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/?page_id=3560#listItem\",\"name\":\"Karte\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/?page_id=3560#listItem\",\"position\":2,\"name\":\"Karte\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/#organization\",\"name\":\"Moin beim Ortsverband Leer Z31\",\"url\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/?page_id=3560#webpage\",\"url\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/?page_id=3560\",\"name\":\"Karte - Moin beim Ortsverband Leer Z31\",\"description\":\"Karte mit dynamischen Routen Zeige Route Leer \\u2194 Paris Zeige Route Leer \\u2194 New York\",\"inLanguage\":\"de-DE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/?page_id=3560#breadcrumblist\"},\"datePublished\":\"2025-03-27T11:25:11+01:00\",\"dateModified\":\"2025-03-27T12:13:55+01:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/\",\"name\":\"Moin beim Ortsverband Leer Z31\",\"inLanguage\":\"de-DE\",\"publisher\":{\"@id\":\"https:\\\/\\\/z31.vfdb.org\\\/wordpress\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Karte - Moin beim Ortsverband Leer Z31","description":"Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York","canonical_url":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/z31.vfdb.org\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/z31.vfdb.org\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560#listItem","name":"Karte"}},{"@type":"ListItem","@id":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560#listItem","position":2,"name":"Karte","previousItem":{"@type":"ListItem","@id":"https:\/\/z31.vfdb.org\/wordpress#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/z31.vfdb.org\/wordpress\/#organization","name":"Moin beim Ortsverband Leer Z31","url":"https:\/\/z31.vfdb.org\/wordpress\/"},{"@type":"WebPage","@id":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560#webpage","url":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560","name":"Karte - Moin beim Ortsverband Leer Z31","description":"Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York","inLanguage":"de-DE","isPartOf":{"@id":"https:\/\/z31.vfdb.org\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560#breadcrumblist"},"datePublished":"2025-03-27T11:25:11+01:00","dateModified":"2025-03-27T12:13:55+01:00"},{"@type":"WebSite","@id":"https:\/\/z31.vfdb.org\/wordpress\/#website","url":"https:\/\/z31.vfdb.org\/wordpress\/","name":"Moin beim Ortsverband Leer Z31","inLanguage":"de-DE","publisher":{"@id":"https:\/\/z31.vfdb.org\/wordpress\/#organization"}}]},"og:locale":"de_DE","og:site_name":"Moin beim Ortsverband Leer Z31 -","og:type":"article","og:title":"Karte - Moin beim Ortsverband Leer Z31","og:description":"Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York","og:url":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560","article:published_time":"2025-03-27T10:25:11+00:00","article:modified_time":"2025-03-27T11:13:55+00:00","twitter:card":"summary_large_image","twitter:title":"Karte - Moin beim Ortsverband Leer Z31","twitter:description":"Karte mit dynamischen Routen Zeige Route Leer \u2194 Paris Zeige Route Leer \u2194 New York"},"aioseo_meta_data":{"post_id":"3560","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-03-27 10:25:12","updated":"2025-06-04 09:10:23","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/z31.vfdb.org\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tKarte\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/z31.vfdb.org\/wordpress"},{"label":"Karte","link":"https:\/\/z31.vfdb.org\/wordpress\/?page_id=3560"}],"_links":{"self":[{"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/3560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3560"}],"version-history":[{"count":7,"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/3560\/revisions"}],"predecessor-version":[{"id":3571,"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=\/wp\/v2\/pages\/3560\/revisions\/3571"}],"wp:attachment":[{"href":"https:\/\/z31.vfdb.org\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}