Google 2.x
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA8Hm0UjfAUlzqtm8C4hrYcRRHdNuSbQjBWSHvxpsS-elLV0ZwthR9fApc1xrVNPI-YmmRt62mP-Ifag"> </script> <script type="text/javascript"> google.load("maps", "2.x"); function initialize() { var map1a = new google.maps.Map2(document.getElementById("map1a")); map1a.setCenter(new google.maps.LatLng(14.648552,121.068553), 17); } google.setOnLoadCallback(initialize); </script> <div id="map1a" style="height: 400px; width: 400px;"></div>
OSM
<script src="http://www.openlayers.org/api/OpenLayers.js"></script> <script> var init = function() { var map1b = new OpenLayers.Map("map1b"); var mapnik = new OpenLayers.Layer.OSM(); map1b.addLayer(mapnik); var lonLat = new OpenLayers.LonLat(121.068553,14.648552).transform( new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913") ); map1b.setCenter(lonLat, 17); } addOnLoadEvent(init); </script> <div id="map1b" style="height: 400px; width: 400px"></div>
refresh if no map rendered
Place your comment