<!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( 'https://en.wikipedia.org/wiki/Phnom_Penh', 'className:modern maxWidth:850' );
});
};
</script>
<script src="https://maps.google.com/maps/api/js?callback=init&key=AIzaSyAp9R0wOvg9sLIuiYiaIDY0FwtUYrn85jo"></script>
</body>
</html>