<html><body><div style="color:#000; background-color:#fff; font-family:times new roman, new york, times, serif;font-size:12pt"><div>Hi Guys,</div><div>I am using pgrouting + openlayers<br></div><div>I am trying to set start and end point layer to pass to pgrouting. I tried the code from </div><div>http://www.pgrouting.org/docs/ol-workshop/ch05.html. But i couldnot get the layer for start and end point. here is my code:</div><div><br></div><div><br></div><html xmlns="http://www.w3.org/1999/xhtml" ><br><head><br><style type="text/css" ><br>#map {<br>width: 500px;<br>height: 500px;<br>border: 1px solid black;<br>}<br></style><br><script src="openlayers/OpenLayers.js" ></script><br><script type="text/javascript" ><br><br>var SinglePoint = OpenLayers.Class.create();<br> SinglePoint.prototype = OpenLayers.Class.inherit(OpenLayers.Handler.Point, {<br> createFeature: function(evt)
{<br> this.control.layer.removeFeatures(this.control.layer.features);<br> OpenLayers.Handler.Point.prototype.createFeature.apply(this, arguments);<br> }<br> });<br> <br> var start_style = OpenLayers.Util.applyDefaults({<br> externalGraphic: "start.png",<br> graphicWidth: 18,<br> graphicHeight: 26,<br> graphicYOffset: -26,<br> graphicOpacity:
1<br> }, OpenLayers.Feature.Vector.style['default']);<br> <br> var stop_style = OpenLayers.Util.applyDefaults({<br> externalGraphic: "stop.png",<br> graphicWidth: 18,<br> graphicHeight: 26,<br> graphicYOffset: -26,<br> graphicOpacity: 1<br> },
OpenLayers.Feature.Vector.style['default']);<br> <br><br>var map;<br>var dublin;<br>var counties;<br>var start;<br>var stop;<br><br>function init() {<br> var bounds = new OpenLayers.Bounds(<br> 297730.375, 217955.328,<br> 330136.625, 260578.453<br> );<br> var options = {<br> controls: [new OpenLayers.Control.PanZoom()
,],<br> maxExtent: bounds,<br> maxResolution: 166.49658203125,<br> projection: "EPSG:29900",<br> units: 'm'<br> };<br> map = new OpenLayers.Map('map', options);<br> <br>dublin = new OpenLayers.Layer.WMS( "dublin historical"
,<br>"http://localhost:8080/geoserver/wms?" ,<br>{layers: 'Ireland:buildings_geodir',transparent:true} );<br><br><br> counties = new OpenLayers.Layer.WMS( "counties" ,<br>"http://localhost:8080/geoserver/wms?" ,<br>{layers: 'Ireland:dublin_highway1'} );<br><br>start = new OpenLayers.Layer.Vector("Start point", {style: start_style});<br>stop = new OpenLayers.Layer.Vector("End point", {style: stop_style});<br><br>map.addLayer(counties);<br>map.addLayer(dublin);<br>map.addLayer(start);<br>map.addLayer(stop);<br><br> <br> map.addControl(new OpenLayers.Control.Navigation());<br> map.addControl(new OpenLayers.Control.LayerSwitcher()
);<br> map.addControl(new OpenLayers.Control.MousePosition({element: $('location')}));<br> map.zoomToExtent(bounds);<br> <br> controls = {<br> start: new OpenLayers.Control.DrawFeature(start, SinglePoint),<br> stop: new OpenLayers.Control.DrawFeature(stop, SinglePoint)<br> }<br> for (var key in controls) {<br> map.addControl(controls[key]);<br> }<br>}<br><br>function toggleControl(element) {<br><br> for (key in controls) {<br> if (element.value == key && element.checked)
{<br><br><br> controls[key].activate();<br> } else {<br> controls[key].deactivate();<br> }<br> }<br>}<br> <br> <br><br></script><br></head><br><body onload="init()" ><br><div id="map" ></div><br><li><br> <input type="radio" name="control" value="start" id="startToggle"<br> onclick="toggleControl(this);" /><br> <label for="startToggle">set start
point</label><br></li><br> <li><br> <input type="radio" name="control" value="start" id="startToggle"<br> onclick="toggleControl(this);" /><br> <label for="startToggle">set start point</label><br> </li><br><br></body><br></html><br><br></div></body></html>