<link rel="stylesheet" href="openlayers/ol.css" />
<script src="openlayers/ol.js"></script>
<?php
function ShowMap($lat,$lon){
?>
<div id="mymap" style="width:300px;height:300px;overflow:hidden;"></div>
<script>
var pos = new ol.proj.fromLonLat([<?=$lon?>, <?=$lat?>]);
var style = new ol.style.Style({
image: new ol.style.Circle({
fill: new ol.style.Fill({color: '#FF0000'}),
stroke: new ol.style.Stroke({color: '#000000'}),
radius: 5
})
});
var feat = new ol.Feature({
geometry: new ol.geom.Point(pos)
feat.setStyle(style);
var vectorSource = new ol.source.Vector({features:[feat]});
var vectorLayer = new ol.layer.Vector({
source: vectorSource,
opacity: 0.5
var map = new ol.Map({
target: document.getElementById("mymap"),
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
}),
vectorLayer
],
view: new ol.View({
center: pos,
zoom:13
</script>
}