<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'));
       var pt = new VLatLng(11.0258089, 107.229710);
       map.setCenter(pt, 4);
       var arrLatLngs = [new VLatLng(10.840843427799, 107.19556338295), new VLatLng(10.951822720548, 107.34922701907),
                                   new VLatLng(10.894910262728, 107.5285012612), new VLatLng(11.025808915714, 107.42036759134),
                                   new VLatLng(11.12825133979, 107.51142752386), new VLatLng(11.114023225335, 107.37768324798),
                                   new VLatLng(11.227848140975, 107.29231456125), new VLatLng(11.091258242207, 107.26385833234),
                                   new VLatLng(11.065647636188, 107.10450345044), new VLatLng(11.000198309695, 107.26101270945),
                                   new VLatLng(10.840843427799, 107.19556338295)];
       var polygon = new VPolygon(arrLatLngs, 'green', 5, 'red', 0.4);
       map.addOverlay(polygon);
    }
}
</script>
</head>
<body onload="loadMap()">
<div id="container" style="height:500px; position:relative; margin:10px; border:1px #b1c4d5 solid;"></div>
</body>
</html>