<html>
<head>
<meta charset="utf-8" />
<title>OpenStreetMap</title>
<link rel="stylesheet" href="https://openlayers.org/api/2.13.1/theme/default/style.css" type="text/css">
<style>html, body, #map {width: 100%;height: 100%;margin: 0;padding: 0;}</style>
</head>
<body>
<div id="mapdiv"></div>
<script src="https://openlayers.org/api/2.13.1/OpenLayers.js"></script>
<script>
map = new OpenLayers.Map("mapdiv");
map.addLayer(new OpenLayers.Layer.OSM());
var lonLat = new OpenLayers.LonLat(${CenterLong}, ${CenterLat})
.transform(
new OpenLayers.Projection("EPSG:4326"),
map.getProjectionObject()
);
var markers = new OpenLayers.Layer.Markers( "Markers" );
map.addLayer(markers);
markers.addMarker(new OpenLayers.Marker(lonLat));
map.setCenter (lonLat, ${zoom});
</script>
</body></html>