<!DOCTYPE html>
<!-- see https://developers.google.com/maps/documentation/javascript/ -->

<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Google Maps JavaScript API Example</title>
<style>
  html, body { margin: 0; padding: 0; height: 100%;  }
  #map_canvas { width: 500px; height: 500px; }
</style>
</head>

<body>
<div id="map_canvas"></div>

<script>
function init () {
    var latlng = new google.maps.LatLng( 11.563789, 104.917459 ),
        map = new google.maps.Map( document.getElementById( 'map_canvas' ), {
            zoom: 14,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP  // HYBRID, ROADMAP, SATELLITE, TERRAIN
        } ),
        marker = new google.maps.Marker( {
            position: latlng,
            draggable: true,
            map: map,
            title: "Wikipedia"
        } );   
    google.maps.event.addListener( marker, 'click', function () {
        parent.fb.start( 'http://en.wikipedia.org/wiki/Phnom_Penh', 'className:modern maxWidth:850' );
    });
};
</script>
<script src="http://maps.google.com/maps/api/js?callback=init&key=AIzaSyAp9R0wOvg9sLIuiYiaIDY0FwtUYrn85jo"></script>

</body>
</html>