1.引入GoogleMap js包
可以选择联网
<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false"></script>
也可以选择下载，然后本地运行
<script type="text/javascript" src="googleMap.js?sensor=false"></script>
2.设定中心点，new一个Map，参数mapTypeId的选择有以下几种
- ROADMAP 用于显示 Google 地图的默认、普通 2D 图块。
- SATELLITE 用于显示拍摄的图块。
- HYBRID 用于同时显示拍摄的图块和重要地图项（道路、城市名）的图块图层。
- TERRAIN 用于显示自然地形图块，其中包含海拔和水体地图项（山脉、河流等）。
1 var myLatLng = new google.maps.LatLng(24.886436490787712, -70.2685546875); 2 var myOptions = { 3 zoom: 5, 4 center: myLatLng, 5 mapTypeId: google.maps.MapTypeId.TERRAIN 6 }; 7 var map = new google.maps.Map( document.getElementById("map_canvas"), myOptions );