{"id":804,"date":"2014-07-02T08:28:06","date_gmt":"2014-07-02T07:28:06","guid":{"rendered":"http:\/\/www.christophersomerville.co.uk\/?page_id=804"},"modified":"2020-10-02T14:28:45","modified_gmt":"2020-10-02T13:28:45","slug":"google-map","status":"publish","type":"page","link":"https:\/\/www.christophersomerville.co.uk\/?page_id=804","title":{"rendered":"Guernsey GPX Map"},"content":{"rendered":"<p><meta name=\"viewport\" content=\"initial-scale=1.0, user-scalable=no\" \/><br \/>\n<script type=\"text\/javascript\" src=\"http:\/\/maps.google.com\/maps\/api\/js?sensor=false\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"https:\/\/cdn.rawgit.com\/googlemaps\/js-marker-clusterer\/gh-pages\/src\/markerclusterer.js\"><\/script><\/p>\n<style type=\"text\/css\">\n#map_canvas { height: 700px }\n#map_canvas img { max-width: 100%; }\n#content { color: black; } \n#content img { max-width: 690px; } \n<\/style>\n<p><script type=\"text\/javascript\">\nfunction initialize() {\n    var myOptions = {\n        zoom: 6,\n        center: new google.maps.LatLng(54.4, -2.2),\n        mapTypeId: google.maps.MapTypeId.HYBRID,\n        streetViewControl: false\n    }\n    var map = new google.maps.Map(document.getElementById(\"map_canvas\"), myOptions);\n    var infoWindow = new google.maps.InfoWindow;\n    var url = \"\/Walks\/pointsxml.php?rdm=\"+Math.random();\n    downloadUrl(url, function(data) {\n       var xml = data.responseXML;\n       var markers = xml.documentElement.getElementsByTagName(\"marker\");\n       var marks =[];\n       for (var i = 0; i < markers.length; i++) {\n          var name = markers[i].getAttribute(\"name\");\n          var artid = markers[i].getAttribute(\"artid\");\n          var summary = markers[i].getAttribute(\"summary\");\n          var llp = markers[i].getAttribute(\"latlongpic\");\n          var llpArray = llp.split(\",\");\n          var point = new google.maps.LatLng(\n                parseFloat(llpArray[0]),\n                parseFloat(llpArray[1]));\n          var marker = new google.maps.Marker({\n\t\ttitle: name,\n                icon: \"https:\/\/maps.gstatic.com\/mapfiles\/ms2\/micons\/hiker.png\",\n                position: point\n          });\n          marks.push(marker);\n          var tnail = llpArray[2];\n          if(artid<15) {\n                thesrc=\"\/images-global\/\";\n          } else {\n                thesrc=\"\";\n          }\n          if(tnail.length>6) {tn=\"<\/p>\n<div style='width: 500px; height: 340px;'><center><img src='\"+thesrc+tnail+\"' alt='\"+name+\"' height='200'><\/center>\"} else {tn=\"<\/p>\n<div style='width: 400px; height: 140px;'>\"}\n          var html = tn + \"<br \/><b>\" + name + \"<\/b> <br \/><a href=?p=\" + artid + \">Read full walk here<\/a><br \/>\" + summary + \"<\/div>\n<p>\";\n          bindInfoWindow(marker, map, infoWindow, html);\n       }\nvar markerCluster = new MarkerClusterer(map, marks, { \n    imagePath: 'https:\/\/cdn.rawgit.com\/googlemaps\/js-marker-clusterer\/gh-pages\/images\/m'});\n    });\n}\nfunction bindInfoWindow(marker, map, infoWindow, html) {\n        google.maps.event.addListener(marker, 'click', function() {\n        infoWindow.setContent(html);\n        infoWindow.open(map, marker);\n        });\n}\nfunction downloadUrl(url,callback) {\n        var request = window.ActiveXObject ?\n        new ActiveXObject('Microsoft.XMLHTTP') :\n        new XMLHttpRequest;\n        request.onreadystatechange = function() {\n                if (request.readyState == 4) {\n                        request.onreadystatechange = doNothing;\n                        callback(request, request.status);\n                }\n        };\n        request.open('GET', url, true);\n        request.send(null);\n}\nfunction doNothing() {}\nwindow.onload = initialize;\n<\/script><br \/>\n<script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyABFD4J5kukQrkYqqO4H5m8E9sMuxNPqtQ&#038;callback=initMap\" type=\"text\/javascript\"><\/script><\/p>\n<div id=\"map_canvas\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"no-sidebars.php","meta":{"footnotes":""},"class_list":["post-804","page","type-page","status-publish","hentry","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/www.christophersomerville.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.christophersomerville.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.christophersomerville.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.christophersomerville.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.christophersomerville.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=804"}],"version-history":[{"count":0,"href":"https:\/\/www.christophersomerville.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/804\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.christophersomerville.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}