— OS MAP TEST —

Open Space Web-Map builder Codehttps://openspace.ordnancesurvey.co.uk/osmapapi/openspace.js?key=3119F72552FD5C22E0530C6CA40A5A92https://openspace.ordnancesurvey.co.uk/osmapapi/script/mapbuilder/basicmap.jshttps://openspace.ordnancesurvey.co.uk/osmapapi/script/mapbuilder/searchbox.js//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(); //add a postcode/gazetteer search box (see searchbox.js) addSearchBox(1); //set the center of the map and the zoom level osMap.setCenter(new OpenSpace.MapPoint(397185.16048394,419708.04919487),7); 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(397495,418115)); points.push(new OpenLayers.Geometry.Point(398265,419695)); points.push(new OpenLayers.Geometry.Point(398805,420325)); points.push(new OpenLayers.Geometry.Point(397475,421115)); points.push(new OpenLayers.Geometry.Point(395895,420475)); points.push(new OpenLayers.Geometry.Point(396215,419505)); points.push(new OpenLayers.Geometry.Point(396585,418225)); points.push(new OpenLayers.Geometry.Point(396965,417965)); // 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(397495,418115); 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-start.png’, routesize, routeoffset, null, null); routeMarkersLayer.addMarker(new OpenLayers.Marker(routepos, routeicon)); //crate a route start/end marker routepos = new OpenSpace.MapPoint(396965,417965); 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-end.png’, routesize, routeoffset, null, null); routeMarkersLayer.addMarker(new OpenLayers.Marker(routepos, routeicon)); osMap.addLayer(routeMarkersLayer);}

Leave a comment