工具有許多種，不過隨著專案大小與需求不同，搭配適合的實作方式才能達到最佳效益，常見的 Google Maps 優缺點比較看這裡。此次的需求只要在地圖上呈現座標地點，因此選擇使用 Google Maps Embed API，做法最簡單，網頁呈現的地圖可以縮放、查看地標資訊。

申請金鑰

使用地圖 API 都需要先申請一組金鑰，過程雖然需要填寫信用卡資料，根據不同 API 的請求方式收費也會不同。

擔心的話也可以在 Google Platform 上面查看到使用次數和費用報表。

使用方式

僅需要在網頁上嵌入 iframe 的網頁程式碼就可以完成了，根據選擇的地圖模式，可以加上個別的參數設定，此範例為搜尋模式。

<iframe loading="lazy" src="https://www.google.com/maps/embed/v1/place?key=金鑰&q=%27%27&center=緯度,經度&zoom=15"></iframe>

常用參數

• q 必帶參數 想搜尋的條件
  例如： in+Seattle or near+98033 (地標附近)

• center 地圖中心點位置
  例如: 37.4218,-122.0840

• zoom 預設可見範圍大小
  範圍：0(全世界)-21(地標本體)

• maptype 地圖模式
  兩種選擇：roadmap (預設道路模式) or satellite (衛星模式)

參考來源：
https://developers.google.com/maps/documentation/embed/embedding-map
https://developers.google.com/maps/billing/gmp-billing?hl=zh-tw