GoogleMap API 入门 —— 加载
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 );