De prins der dichters<\/title>\n <style>\n .container {\n width: 300px;\n padding: 20px;\n background-color: #fff;\n border: 2px solid #000;\n border-radius: 10px;\n margin: 0 auto;\n text-align: center;\n color: black;\n }\n\n .compass {\n width: 200px;\n height: 200px;\n border-radius: 50%;\n border: 2px solid black;\n position: relative;\n margin: 20px auto;\n }\n\n .needle {\n position: absolute;\n left: 50%;\n top: 50%;\n transform-origin: 0 50%;\n transform: translate(-50%, -50%) rotate(0deg);\n width: 2px;\n height: 100px;\n background-color: red;\n z-index: 2;\n }\n\n .direction {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n z-index: 1;\n }\n\n #map-container {\n width: 200px;\n height: 200px;\n margin: 0 auto;\n }\n\n #map {\n width: 100%;\n height: 100%;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\" id=\"box\">\n <h2>De prins der dichters<\/h2>\n <div class=\"compass\">\n <div class=\"needle\" id=\"needle\"><\/div>\n <div class=\"direction\" id=\"direction\">N<\/div>\n <\/div>\n <\/div>\n\n <div id=\"map-container\">\n <div id=\"map\"><\/div>\n <\/div>\n\n <script src=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.js\"><\/script>\n <script>\n \/\/ Doelco\u00f6rdinaten\n var targetLatitude = 52.3612851043055;\n var targetLongitude = 4.869233146448912;\n\n var map = L.map(\"map\").setView([targetLatitude, targetLongitude], 15);\n\n L.tileLayer(\"https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png\", {\n maxZoom: 19,\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\n }).addTo(map);\n\n \/\/ Marker voor het doel\n L.marker([targetLatitude, targetLongitude]).addTo(map)\n .bindPopup(\"Doellocatie\")\n .openPopup();\n\n \/\/ Functie om de locatie van de gebruiker te controleren\n function checkLocation() {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(showPosition, showError);\n } else {\n alert(\"Geolocatie wordt niet ondersteund door deze browser.\");\n }\n }\n\n \/\/ Functie om de huidige locatie van de gebruiker weer te geven\n function showPosition(position) {\n var userLatitude = position.coords.latitude;\n var userLongitude = position.coords.longitude;\n\n \/\/ Marker voor de locatie van de gebruiker\n L.marker([userLatitude, userLongitude]).addTo(map)\n .bindPopup(\"Uw locatie\")\n .openPopup();\n\n \/\/ Pan naar de locatie van de gebruiker\n map.panTo([userLatitude, userLongitude]);\n }\n\n \/\/ Functie om fouten bij het ophalen van de locatie af te handelen\n function showError(error) {\n switch (error.code) {\n case error.PERMISSION_DENIED:\n alert(\"Gebruiker heeft de toestemming voor geolocatie geweigerd.\");\n break;\n case error.POSITION_UNAVAILABLE:\n alert(\"Locatie-informatie is niet beschikbaar.\");\n break;\n case error.TIMEOUT:\n alert(\"Het verzoek om de locatie van de gebruiker te verkrijgen is verlopen.\");\n break;\n case error.UNKNOWN_ERROR:\n alert(\"Er is een onbekende fout opgetreden.\");\n break;\n }\n }\n\n \/\/ Voer locatiecontrole uit\n checkLocation();\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>De prins der dichters De prins der dichters N<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-461","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":37,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions"}],"predecessor-version":[{"id":616,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions\/616"}],"wp:attachment":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/media?parent=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n De prins der dichters<\/title>\n <style>\n .container {\n width: 300px;\n padding: 20px;\n background-color: #fff;\n border: 2px solid #000;\n border-radius: 10px;\n margin: 0 auto;\n text-align: center;\n color: black;\n }\n\n .compass {\n width: 200px;\n height: 200px;\n border-radius: 50%;\n border: 2px solid black;\n position: relative;\n margin: 20px auto;\n }\n\n .needle {\n position: absolute;\n left: 50%;\n top: 50%;\n transform-origin: 0 50%;\n transform: translate(-50%, -50%) rotate(0deg);\n width: 2px;\n height: 100px;\n background-color: red;\n z-index: 2;\n }\n\n .direction {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-family: Arial, sans-serif;\n font-size: 16px;\n font-weight: bold;\n z-index: 1;\n }\n\n #map-container {\n width: 200px;\n height: 200px;\n margin: 0 auto;\n }\n\n #map {\n width: 100%;\n height: 100%;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\" id=\"box\">\n <h2>De prins der dichters<\/h2>\n <div class=\"compass\">\n <div class=\"needle\" id=\"needle\"><\/div>\n <div class=\"direction\" id=\"direction\">N<\/div>\n <\/div>\n <\/div>\n\n <div id=\"map-container\">\n <div id=\"map\"><\/div>\n <\/div>\n\n <script src=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.js\"><\/script>\n <script>\n \/\/ Doelco\u00f6rdinaten\n var targetLatitude = 52.3612851043055;\n var targetLongitude = 4.869233146448912;\n\n var map = L.map(\"map\").setView([targetLatitude, targetLongitude], 15);\n\n L.tileLayer(\"https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png\", {\n maxZoom: 19,\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors'\n }).addTo(map);\n\n \/\/ Marker voor het doel\n L.marker([targetLatitude, targetLongitude]).addTo(map)\n .bindPopup(\"Doellocatie\")\n .openPopup();\n\n \/\/ Functie om de locatie van de gebruiker te controleren\n function checkLocation() {\n if (navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(showPosition, showError);\n } else {\n alert(\"Geolocatie wordt niet ondersteund door deze browser.\");\n }\n }\n\n \/\/ Functie om de huidige locatie van de gebruiker weer te geven\n function showPosition(position) {\n var userLatitude = position.coords.latitude;\n var userLongitude = position.coords.longitude;\n\n \/\/ Marker voor de locatie van de gebruiker\n L.marker([userLatitude, userLongitude]).addTo(map)\n .bindPopup(\"Uw locatie\")\n .openPopup();\n\n \/\/ Pan naar de locatie van de gebruiker\n map.panTo([userLatitude, userLongitude]);\n }\n\n \/\/ Functie om fouten bij het ophalen van de locatie af te handelen\n function showError(error) {\n switch (error.code) {\n case error.PERMISSION_DENIED:\n alert(\"Gebruiker heeft de toestemming voor geolocatie geweigerd.\");\n break;\n case error.POSITION_UNAVAILABLE:\n alert(\"Locatie-informatie is niet beschikbaar.\");\n break;\n case error.TIMEOUT:\n alert(\"Het verzoek om de locatie van de gebruiker te verkrijgen is verlopen.\");\n break;\n case error.UNKNOWN_ERROR:\n alert(\"Er is een onbekende fout opgetreden.\");\n break;\n }\n }\n\n \/\/ Voer locatiecontrole uit\n checkLocation();\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>De prins der dichters De prins der dichters N<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-461","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":37,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions"}],"predecessor-version":[{"id":616,"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/pages\/461\/revisions\/616"}],"wp:attachment":[{"href":"https:\/\/decharmeur.nl\/index.php\/wp-json\/wp\/v2\/media?parent=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}