GOOGLE MAPS 学习笔记(一)基础元素

1.JavaScript的API现在已经升级到V3,官方建议使用V3格式的

2.V3的JavaScript不再需要KEY

The “Hello, World” of Google Maps v3

<html> 
<head> 
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” /> 
<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=set_to_true_or_false“></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:100%”></div> 
</body> 
</html>

注意:1.设置sensor值为FALSE或者ture。

2.DOM中预留map的DIV

3.地图选项:创建一个

1
Map options

对象包含地图初始化变量。

       

1
MapTypeId.ROADMAP

  ;

1
MapTypeId.SATELLITE

1
MapTypeId.HYBRID

displays a mixture of normal and satellite views      ;

1
MapTypeId.TERRAIN
Tagged as: ,