Google Map API : Tutorial


Đoạn code đơn giản nhất để nhúng google maps vào site của chúng ta :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

</script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:800px"></div>
</body>
</html>

Code basic nhìn chung cũng giống như phiên bản 2 , với các thông số như : zoom , center , MapTypeId .
Có 4 loại MapTypeID :
* MapTypeId.ROADMAP displays the default road map view
* MapTypeId.SATELLITE displays Google Earth satellite images
* MapTypeId.HYBRID displays a mixture of normal and satellite views
* MapTypeId.TERRAIN displays a physical map based on terrain information.

Example : http://code.google.com/apis/maps/documentation/v3/examples/map-simple.html

Advertisements
%d bloggers like this: