<?php echo "<div class='col-lg-7'>" .$localityText . "<br/></div>"; ?> <div class="col-lg-5"><div id="mapdiv"></div> <script> map = new OpenLayers.Map("mapdiv"); var mapnik = new OpenLayers.Layer.OSM(); map.addLayer(mapnik); var size = new OpenLayers.Size(24,24); var offset = new OpenLayers.Pixel(-(size.w/2), -size.h); var icon = new OpenLayers.Icon("<?php echo Yii::$app->request->baseUrl.'/'.Yii::$app->params['mapiconfile']?>", size, offset); var zoom = 8; var markers = new OpenLayers.Layer.Markers( "Markers" ); map.addLayer(markers); map.zoomToMaxExtent(); <?php foreach ( $latitude as $il => $la ) { echo ' var lonlat = new OpenLayers.LonLat(' . $longitude [$il] . ',' . $latitude [$il] . ').transform( new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913") ); markers.addMarker(new OpenLayers.Marker(lonlat,icon.clone()));'; } ?> map.setCenter(lonlat,zoom) ; </script> <style> #mapdiv { width:350px; height:350px; } div.olControlAttribution { bottom:3px; } </style> </div>