<html>
<head>
<script type="text/javascript" src="/maps/API/VBDMapAPI.js?key=e7vjH+pgQHuSyV75dwG6hq0WQek+cVqm"></script>
<script type="text/javascript">
function loadMap()
{
    if (VBrowserIsCompatible())
    {
       var map = new VMap(document.getElementById('container'));
       map.setCenter(new VLatLng(10.8152328, 106.680505), 4);
       var marker = null;
       VEvent.addListener(map, 'click', function(overlay, pt) {
               if (pt = null) return;
               var latlng = new VLatLng(pt.latitude, pt.longitude);
               if (marker != null)
                   map.removeOverlay(marker);
               marker = new VMarker(latlng);
               marker.enableDragging();
               map.addOverlay(marker);
           });
    }
}
</script>
</head>
<body onload="loadMap()">
<div id="container" style="height:500px; position:relative; margin:10px; border:1px #b1c4d5 solid;"></div>
</body>
</html>