GoogleMap API 入門 —— 載入

標籤：style   class   blog   c   code   java   

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.TERRAIN6     };7 var map = new google.maps.Map( document.getElementById("map_canvas"), myOptions );