{"id":51,"date":"2016-05-09T12:18:05","date_gmt":"2016-05-09T11:18:05","guid":{"rendered":"http:\/\/crwydro.co.uk\/crwydro\/?page_id=51"},"modified":"2016-06-21T21:20:41","modified_gmt":"2016-06-21T20:20:41","slug":"nefyn","status":"publish","type":"page","link":"http:\/\/crwydro.co.uk\/crwydro\/?page_id=51","title":{"rendered":"Nefyn Cliff top"},"content":{"rendered":"<p>Open Space Web-Map builder Code<br \/>\n<!-- Download OpenSpace API using your key --><br \/>\n<script src=\"https:\/\/openspace.ordnancesurvey.co.uk\/osmapapi\/openspace.js?key=3119F725530E5C22E0530C6CA40A5A92\" type=\"text\/javascript\"><\/script><br \/>\n<script src=\"https:\/\/openspace.ordnancesurvey.co.uk\/osmapapi\/script\/mapbuilder\/basicmap.js\" type=\"text\/javascript\"><\/script><br \/>\n<script src=\"https:\/\/openspace.ordnancesurvey.co.uk\/osmapapi\/script\/mapbuilder\/searchbox.js\" type=\"text\/javascript\"><\/script><br \/>\n<script type=\"text\/javascript\">\/\/ <![CDATA[\n\/\/declare marker variables var pos, size, offset, infoWindowAnchor, icon, content, popUpSize; \/\/variables for routes var linesLayer, points, lineFeature, lineString, routeMarkersLayer, routepos, routesize, routeoffset, routeicon; var style_blue = {strokeColor: \"#0000CD\", strokeOpacity: 0.5, strokeWidth: 4.5}; function initmapbuilder() { \/\/initiate the map var options = {resolutions: [2500, 1000, 500, 200, 100, 50, 25, 10, 5, 4, 2.5, 2, 1]}; osMap = new OpenSpace.Map('map', options); \/\/configure map options (basicmap.js) setglobaloptions(); \/\/set the center of the map and the zoom level osMap.setCenter(new OpenSpace.MapPoint(232982.01069212,343151.26981124),6); \/\/ add a marker pos = new OpenSpace.MapPoint(232857.01069212,342526.26981124); size = new OpenLayers.Size(33,45); offset = new OpenLayers.Pixel(-16,-36); infoWindowAnchor = new OpenLayers.Pixel(16,16); icon = new OpenSpace.Icon('https:\/\/openspace.ordnancesurvey.co.uk\/osmapapi\/img_versions\/img_1.0.1\/OS\/images\/markers\/marker_red.png', size, offset, null, infoWindowAnchor); osMap.createMarker(pos, icon, null, null); linesLayer = osMap.getVectorLayer(); \/\/ Set up layer for route markers routeMarkersLayer = new OpenLayers.Layer.Markers(\"Route Markers\"); \/\/make a route points = new Array(); points.push(new OpenLayers.Geometry.Point(233107.01069212,342401.26981124)); points.push(new OpenLayers.Geometry.Point(233157.01069212,342951.26981124)); points.push(new OpenLayers.Geometry.Point(233482.01069212,343351.26981124)); points.push(new OpenLayers.Geometry.Point(233932.01069212,343651.26981124)); points.push(new OpenLayers.Geometry.Point(234382.01069212,343726.26981124)); points.push(new OpenLayers.Geometry.Point(234357.01069212,344026.26981124)); points.push(new OpenLayers.Geometry.Point(234732.01069212,344726.26981124)); points.push(new OpenLayers.Geometry.Point(234907.01069212,345301.26981124)); points.push(new OpenLayers.Geometry.Point(235232.01069212,344926.26981124)); points.push(new OpenLayers.Geometry.Point(235132.01069212,344401.26981124)); points.push(new OpenLayers.Geometry.Point(235157.01069212,343826.26981124)); points.push(new OpenLayers.Geometry.Point(234882.01069212,343526.26981124)); points.push(new OpenLayers.Geometry.Point(234132.01069212,343176.26981124)); points.push(new OpenLayers.Geometry.Point(233682.01069212,342901.26981124)); points.push(new OpenLayers.Geometry.Point(233232.01069212,342551.26981124)); points.push(new OpenLayers.Geometry.Point(233107.01069212,342401.26981124)); \/\/ create a polyline feature from the array of points lineString = new OpenLayers.Geometry.LineString(points); lineFeature = new OpenLayers.Feature.Vector(lineString, null, style_blue); linesLayer.addFeatures([lineFeature]); \/\/crate a route start\/end marker routepos = new OpenSpace.MapPoint(233107.01069212,342401.26981124); routesize = new OpenLayers.Size(33,45); routeoffset = new OpenLayers.Pixel(-5,-37); routeicon = new OpenSpace.Icon('https:\/\/openspace.ordnancesurvey.co.uk\/osmapapi\/img_versions\/img_1.1\/mapbuilder\/routemarker-startend.png', routesize, routeoffset, null, null); routeMarkersLayer.addMarker(new OpenLayers.Marker(routepos, routeicon)); osMap.addLayer(routeMarkersLayer);}\n\/\/ ]]><\/script><\/p>\n<div id=\"map\" style=\"border: 1px solid black; width: 540px; height: 440px;\"><\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Open Space Web-Map builder Code &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":45,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=\/wp\/v2\/pages\/51"}],"collection":[{"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":18,"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":100,"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/100"}],"up":[{"embeddable":true,"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=\/wp\/v2\/pages\/45"}],"wp:attachment":[{"href":"http:\/\/crwydro.co.uk\/crwydro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}