Installation guide

41
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
<script>
function init()
{
var map = new OpenLayers.Map("basicMap",{
controls: [
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.Permalink(),
new OpenLayers.Control.MousePosition(),
new OpenLayers.Control.ScaleLine(),
new OpenLayers.Control.LayerSwitcher()]
});
//OpenStreetMap Layer
var mapnik = new OpenLayers.Layer.OSM(
'OpenStreetMap'
);
//Position
var vector_layer2 = new OpenLayers.Layer.Vector(
'Real Time Position',
{
style: {
'fillColor': '#ff0000',
'fillOpacity': .8,
'strokeColor': '#c00000',
'strokeWidth': 3,
'pointRadius': 8}
}
);
//Vector Layer
var vector_layer = new OpenLayers.Layer.Vector(
'Editable Vectors'
);
var userlon = 18.057822;
var userlat = 59.351753;
// the rest two lines are statements to read
// userlon and userlat coordinates of current GPS locateion from the database
//var userlon = <%=(String)session.getAttribute("userlon")%>;
//var userlat = <%=(String)session.getAttribute("userlat")%>;
var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984
var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
var position = new OpenLayers.LonLat(userlon,userlat).transform(fromProjection,toProjection);