HEX

File: /var/www/html/wp-content/themes/ormedia/qrpatrol/maps.php
<!DOCTYPE HTML>
<html>
<head>
<title>E-Go Patrol Map</title>
</head>
<body>
<p><img src="assets/logo.png" alt="E-Go Logo"> Patrol Map</p>
<div id="Map" style="height:440px"></div>
<script src="./OpenLayers/OpenLayers.js"></script>

<script>
    var lat            = <?php echo $_GET["lat"];?>;
    var lon            = <?php echo $_GET["long"];?>;
    var zoom           = <?php echo $_GET["zoom"];?>;

    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(lon, lat).transform( fromProjection, toProjection);

    map = new OpenLayers.Map("Map");
    var mapnik         = new OpenLayers.Layer.OSM();
    map.addLayer(mapnik);

    var markers = new OpenLayers.Layer.Markers( "Markers" );
    map.addLayer(markers);
    markers.addMarker(new OpenLayers.Marker(position));

    map.setCenter(position, zoom);
</script>
</body>
</html>