VBDAPI

<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 = new VMarker(map.getCenter(), new VIcon("/maps/images/mymap_icon/point_7.gif", new VSize(32, 32)), false);
     map.addOverlay(marker);
     VEvent.addListener(marker, 'click', function(obj, latlng) {
             obj.openInfoWindow('Bạn vừa click lên marker');
         });

     VEvent.addListener(marker, 'mouseover', function(obj){
         var icon = new VIcon("/maps/images/mymap_icon/point_6.gif", new VSize(32, 32));
         obj.setIcon(icon);
     });

     VEvent.addListener(marker, 'mouseout', function(obj){
         var icon = new VIcon("/maps/images/mymap_icon/point_7.gif", new VSize(32, 32));
         obj.setIcon(icon);
     });
  }
}
</script>
</head>
<body onload="loadMap()">
<div id="container" style="height:500px; position:relative; margin:10px; border:1px #b1c4d5 solid;"></div>
</body>
</html>