<link rel="stylesheet" href="openlayers/ol.css" />
<script src="openlayers/ol.js"></script>
<?php
function ShowMap($lat,$lon){
?>
<div style="display:none;"><div id="marker" style="width:10px;height:10px;border-radius:50%;background-color:#ff0000;opacity:0.6;"></div></div>
<div id="mymap" style="width:300px;height:300px;overflow:hidden;"></div>
<script>
var pos = new ol.proj.fromLonLat(['<?=$lon?>', '<?=$lat?>']);
var map = new ol.Map({target:"mymap"});
map.setView(new ol.View({center: pos, zoom: 13}));
map.addLayer(new ol.layer.Tile({source: new ol.source.OSM()}));
map.addOverlay(new ol.Overlay({position: pos, element: document.getElementById("marker")}));
</script>
}