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 map2a = new google.maps.Map2(document.getElementById("map2a"));
			map2a.setCenter(new google.maps.LatLng(14.648552,121.068553), 17);
			map2a.addOverlay(new GMarker(new GLatLng(14.648552,121.068553)));
		}
		google.setOnLoadCallback(initialize);
	</script>
	<div id="map2a" style="height: 400px; width: 400px;"></div>

OSM

	<script src="http://www.openlayers.org/api/OpenLayers.js"></script>
	<script>
		var init = function() {
			var map2b = new OpenLayers.Map("map2b");
			var mapnik = new OpenLayers.Layer.OSM();
			map2b.addLayer(mapnik);
			var markers = new OpenLayers.Layer.Markers( "Markers" );
			map2b.addLayer(markers);
			var lonLat = new OpenLayers.LonLat(121.068553,14.648552).transform(
				new OpenLayers.Projection("EPSG:4326"),
				new OpenLayers.Projection("EPSG:900913")
			);
			markers.addMarker(new OpenLayers.Marker(lonLat));
			map2b.setCenter(lonLat, 17);
		}
		addOnLoadEvent(init);
    </script>
	<div id="map2b" style="height: 400px; width: 400px"></div>

refresh if no map rendered