[筆記] 在 Google Map 上顯示多個地標位置

章節連結

當串接 Google Map 的 API 時,若要在一張地圖上顯示多個標記點的話,可以結合 Geocoder 和 Google Map 的 Code 來達成。
google map


程式碼

邏輯是抓取網頁上的地址資料,然後運用 Geocoder 把地址輸入轉換成經緯度座標,然後代入 Google Map。最後就可以將多個地標呈現在同一張地圖上。使用前,請先申請 Google API Key(每天上限25000次存取),才能正常抓取資料並顯示。
前端HTML是採用 express handlebars 和 Bootstrap

 


參考資料

1. Placing multiple markers on a Google Map (Using API 3)

按讚加入粉絲團

延伸閱讀

GA瀏覽人氣:12