{"id":9,"date":"2020-04-02T19:42:42","date_gmt":"2020-04-02T18:42:42","guid":{"rendered":"http:\/\/mtbhw.nl\/?page_id=9"},"modified":"2021-03-16T23:56:35","modified_gmt":"2021-03-16T22:56:35","slug":"kaart","status":"publish","type":"page","link":"https:\/\/mtbhw.nl\/","title":{"rendered":"Kaart"},"content":{"rendered":"\n<style>\n      html, body {\n        height: 370px;\n        padding: 0;\n        margin: 0;\n        }\n      #map {\n       height: 800px;\n       width: device_width;\n       overflow: hidden;\n       float: centre;\n       border: thin solid #333;\n       }\n      #legend {\n        font-family: Arial, sans-serif;\n        background: #fff;\n        padding: 10px;\n        margin: 10px;\n        border: 3px solid #000;\n      }\n      #legend h3 {\n        margin-top: 0;\n      }\n      #legend img {\n        vertical-align: centre;       }\n\n      .icon,\n      .text {\n                vertical-align: middle;\n                display: inline-block;\n            }\n    <\/style>\n\n\n\n<div id=\"map\"><\/div>\n<div id=\"legend\"><h3>Legend<\/h3><\/div>\n\n\n\n<script>\n      var map;\n      var src = 'https:\/\/docs.google.com\/uc?authuser=0&id=1lTX2SZtJzTRJ6PQE9rAUDWB8SrdVQQtX';\n\/*1lTX2SZtJzTRJ6PQE9rAUDWB8SrdVQQtX *\/\n\/* https:\/\/drive.google.com\/file\/d\/18TIaH3AKZ3CzIcIXTARFxLNz8lWvmUAr\/view?usp=sharing *\/\n\/*     https:\/\/drive.google.com\/file\/d\/16BtaEPb-MvYR2SEG5WJrX34NCIRYu6KM\/view?usp=sharing\n\/*https:\/\/drive.google.com\/open?id=1QtvBoT2sVd_rb4CUbCaCIdIcJ2jQsrnd *\/\n\/*      var src = https:\/\/mtbhw.nl\/MTBHW.kml?attredirects=0&d=1; *\/\n      var klaaswaal = {lat: 51.767884, lng: 4.435136};\n      function initMap() {\n        map = new google.maps.Map(document.getElementById('map'), {\n          center: klaaswaal,\n          zoom: 11,\n          mapTypeId: 'terrain'\n        });\n\n        var kmlLayer = new google.maps.KmlLayer(src, {\n          suppressInfoWindows: false,\n          preserveViewport: false,\n          map: map\n        });\nvar legend = document.getElementById('legend');\n    var div = document.createElement('div');\n    div.innerHTML = '<svg width=\"180\" height=\"22\" viewBox=\"0 0 180 22\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"> \\\n        <path fill=\"yellow\" stroke=\"black\" stroke-width=\"1.5\" d=\"M3.5 3.5h15v15h-15z\" ><\/path> \\\n<text x=\"25\" y=\"15\" fill=\"black\">Verbindingsweg<\/text> \\\n      <\/svg>';\n    legend.appendChild(div); \n    var div = document.createElement('div');\n    div.innerHTML = '<svg width=\"122\" height=\"22\" viewBox=\"0 0 152 22\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"> \\\n        <path fill=\"blue\" stroke=\"black\" stroke-width=\"1.5\" d=\"M3.5 3.5h15v15h-15z\" ><\/path> \\\n<text x=\"25\" y=\"15\" fill=\"black\">Onverhard<\/text> \\\n      <\/svg>';\n    legend.appendChild(div);\n    var div = document.createElement('div');\n    div.innerHTML = '<svg width=\"122\" height=\"22\" viewBox=\"0 0 152 22\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"> \\\n        <path fill=\"red\" stroke=\"black\" stroke-width=\"1.5\" d=\"M3.5 3.5h15v15h-15z\" ><\/path> \\\n<text x=\"25\" y=\"15\" fill=\"black\">Onverhard Geen toegang<\/text> \\\n      <\/svg>';\n    legend.appendChild(div);\nmap.controls[google.maps.ControlPosition.LEFT_BOTTOM].push(legend);\n  const image = \"\/wp-admin\/images\/icons8-gpx-52.png\";\n\n  const marker = new google.maps.Marker({\n    position: { lat: 51.768178, lng: 4.4445737 },\n    map,\n    icon: image,\n  }); \n  const contentString =\n          '<div>' + \"Downloadlink zie onder\" + '<\/div>';\n        const infowindow = new google.maps.InfoWindow({\n          content: contentString,\n        });\n\n        marker.addListener(\"click\", () => {\n          infowindow.open(map,marker);\n        });            \n      }\n\n\n       \n    <\/script>\n\n\n\n<script async=\"\" defer=\"\" src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyAQqk1nG91o2Zex5zOObvc7vJk-Flj1z6s&amp;callback=initMap\">\n    <\/script>\n\n\n\n<div class=\"wp-block-file alignright\"><a href=\"https:\/\/mtbhw.nl\/wp-content\/uploads\/2021\/02\/MTBRouteKlaaswaal-1.zip\">MTBRouteKlaaswaal<\/a><a href=\"https:\/\/mtbhw.nl\/wp-content\/uploads\/2021\/02\/MTBRouteKlaaswaal-1.zip\" class=\"wp-block-file__button\" download>Download<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Legend<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mtbhw.nl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtbhw.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mtbhw.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mtbhw.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mtbhw.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":87,"href":"https:\/\/mtbhw.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/mtbhw.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/mtbhw.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}