OpenLayers Line between two points
HTML
<script src="http://openlayers.org/api/OpenLayers.js"></script>
OpenLayers Line between two points
<body onload="init()">
<div id='mapdiv'></div>
</body>
CSS
#mapdiv {
width: 650px;
height: 600px;
}
JavaScript
var map;
function init()
{
map = new OpenLayers.Map("mapdiv");
var ol = new OpenLayers.Layer.OSM();
var start_point = new OpenLayers.Geometry.Point(10.149932, 53.528158);
var middle_point = new OpenLayers.Geometry.Point(10.136711, 53.540721);
var end_point = new OpenLayers.Geometry.Point(10.107411, 53.542263);
var vector = new OpenLayers.Layer.Vector();
vector.addFeatures([
new OpenLayers.Feature.Vector(start_point.clone().transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")),
{
name: "Hans",
age: 32
}),
new OpenLayers.Feature.Vector(end_point.clone().transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913"))),
new OpenLayers.Feature.Vector(new OpenLayers.Geometry.LineString([start_point,middle_point, end_point]).transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")))
]);
map.addLayers([ol,vector]);
map.setCenter(new OpenLayers.LatLon(1234019.7676716, 6762212.6874265),8);
//.transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")), 9);
//map.events.register("moveend",map,function(){console.log(map.getCenter())});
} // END INIT