第九篇 如何替自己網站增設一個商家地圖

肆、製作地圖方式一 (取得欲標記地點的經緯座標值)： 進入 Google Maps 搜尋頁面 Go 。 輸入欲標記地點的地址或名稱，按[搜尋地圖] (注意：街弄門牌號碼等數字不可有空格)。 確認搜尋位置無誤後，並縮放調整適當的比例，按地圖右邊[連結]，取得第一段內的地圖連結碼。 詳細說明 Go 。 實做範例 Go 。

伍、製作地圖方式二 (套用 Google's AJAX APIs )： 我們可以將範例裡面其中的這一段改寫並套用 Google's AJAX APIs 成為 ...。 然後使用 google.load 指定在網頁上使用的模組。 接下來是使用官方提供的地址解析(轉換經度緯度)功能。 詳細說明 Go 。 實做範例 Go 。

柒、地圖製作常用參數說明及相關製作文件介紹： 在地圖上您可套用以下任何內置控制件： map.addControl(new GSmallMapControl()); //加入地圖縮放工具，無拉桿(擇一使用) map.addControl(new GLargeMapControl()); //加入地圖縮放工具，有拉桿(擇一使用) map.addControl(new GScaleControl()); //加上比例尺 map.addControl(new GMapTypeControl()); //加入地圖切換類型 map.addControl(new GOverviewMapControl()); //位於又下角可折疊縮略圖 map.setCenter(new GLatLng(25.001689, 121.460809), 8); //設定台灣經度,緯度 map.addControl(new google.maps.LocalSearch()); //加入搜尋功能 map.addMapType(G_NORMAL_MAP); //加入一般道路圖(預設) map.addMapType(G_SATELLITE_MAP); //加入衛星空照圖 map.addMapType(G_PHYSICAL_MAP); //加入地形圖 map.addMapType(G_HYBRID_MAP); //混合地形圖 Google Maps API 內建四種控制項： GLargeMapControl : 適合給大型地圖的控制項。 GSmallMapControl : 適合給小型地圖的控制項。 GSmallZoomControl : 只有 Zoom Level 的調整，沒有地圖移動控制。 GMapTypeControl : 顯示地圖型態切換的控制項。 設置按鈕 CSS 元素。 TextualZoomControl.prototype.setButtonStyle_ = function(button) { button.style.textDecoration = "underline"; button.style.color = "#0000cc"; button.style.backgroundColor = "white"; button.style.font = "small Arial"; button.style.border = "1px solid black"; button.style.padding = "2px"; button.style.marginBottom = "3px"; button.style.textAlign = "center"; button.style.width = "6em"; button.style.cursor = "pointer"; } 相關製作文件介紹 Go 。