GoogleMap API 呼叫基礎學習

標籤：pre   格式   倫敦   參數   基礎學習   oct   log   eid   對象   

　　用JavaScript調用Google地圖的API key：

　　JS範例程式碼(很少寫指令碼語言，如有格式等錯誤請諒解)：

<!-- DOCTYPE HTML --><html><head>    <script     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBzE9xAESye6Kde-3hT-6B90nfwUkcS8Yw&sensor=false">    </script>    <script>        function initialize() {    //初始化            var mapProp = {                  center:new google.maps.LatLng(51.508742,-0.120850),     //地圖初始中心：參數：經緯度（這裡的座標是英國倫敦）                  zoom:5,     //初始地圖縮放層級                  mapTypeId:google.maps.MapTypeId.ROADMAP    //地圖初始類型：顯示普通的街道地圖                  /* mapTypeId:google.maps.MapTypeId.TERRAIN  //顯示自然特徵的地圖 */              };            var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);    //建立一個 Map 對象        }        google.maps.event.addDomListener(window, ‘load‘, initialize);    //視窗載入後通過執行 initialize() 函數來初始化 Map 對象，這樣可以確保在頁面完全載入後再載入 Google 地圖    </script></head><body>    <!-- 地圖寬度和高度有點大...載入可能會有點慢,用Google Chrome開啟 -->    <div id="googleMap" style="width:960px;height:680px;"></div></body></html>

 

　　

GoogleMap API 呼叫基礎學習