2009年10月12日 星期一

Embed Google


介紹在網頁中嵌入一個Google Map

進入此網站後,便可以看到如下簡潔的頁面


基本上分三大區塊來說明
上半部
左邊的 Work Map 為使用者檢索查詢用
右邊的 Final Map 為正確結果的預覽

中間
當在 Work Map 中找到目標點後,便可以使用此區之按鍵及功能來設定 Final Map
所顯示的訊息及狀態
Set Zoom : 設定 Final Map 的縮放比例同 Work Map
Set Center : 設定 Final Map 的中心點同 Work Map
Map Control : 設定 Final Map 中會顯示地圖操控的界面
Mark Center : 設定 Final Map 中會顯示中心點的標點

下半部
Log : 使用歷程
Code : 可置入網頁的 HTML Code
Address Search : 找尋目標點,依 Google Map 的規則可以輸入地址及座標點
Reset : 清除資料


PS : 在 Wordpress 中請使用 HTML 編輯模式,來將HTML Code 置入


結果如下...