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