• 指南

Google地圖API 設定方法

在開始之前

  • 需建立Google帳戶。 如果您還沒有Google帳戶,請前往 Google 帳戶登入頁面 建立。
  • 想在個人網站中嵌入Google 地圖,您先需要註冊Google 地圖服務,並輸入一張支援海外刷卡的信用卡/簽帳金融卡。要求提供付款資訊是為了確保您不是自動化程式。除非手動升級至付費帳戶,否則Google不會向您收費。
  • 首次使用 Google Maps API 的用戶,Google Cloud 將提供 $300 美元的免費試用抵免額,供客戶抵銷初期用量費用,而 Google 地圖平台每月則另提供 $200 美元的抵免額。每次訪問者查看地圖時,都會扣除這些抵免額。更多詳細資訊可以在 帳單帳戶抵免額中查詢 。
  • 每月 200 美元的抵免額,足以滿足多數用戶的需求。可以在地圖價目表中查找更詳細的 Google 地圖使用費率。
  • 如果升級至付費帳戶,並使用超過 200 美元的額度,可能需要支付額外費用。詳細了解如何計算您帳單帳戶費用。

註冊及啟用方法

  1. 進入 Google Maps Platform
  2. 點擊右上角的 Get started 按鈕。

  3. 使用您的 Google 帳戶登錄。(登錄後可能會有來自 Google 的調查請求。點擊稍後跳過。)
  4. 國家/地區選擇台灣,並勾選服務條款後,點擊繼續按鈕。
  5. 驗證身分與聯絡資訊,輸入或確認電話號碼後點擊 傳送代碼 / 繼續 按鈕。(若您想使用其他號碼,請點擊改用其他號碼並完成身份驗證。)
  6. 填寫驗證付款資訊,根據您的帳戶類型,需要填寫必要資訊及付款方式(須可進行海外刷卡的信用卡/簽帳金融卡。)

    注意:註冊後,您將獲得90 天的免費試用期,並提供價值 $300 美元的抵免額,既使額度使用完畢也不會自動扣款。此後,您還可獲得Google 地圖平台每月提供的 $200 美元抵免額。
  7. 點擊開始免費試用按鈕。
  8. 此時可能會出現Google Maps Platform 問卷調查。完成調查並點擊提交按鈕。
  9. 出現 API 金鑰視窗時,點擊複製圖示以複製API 金鑰。然後點擊前往GOOGLE地圖平台 按鈕。
  10. 接著,將會出現保護API金鑰視窗,請繼續參照步驟2指示設定。
  1. 進入Imweb的網站管理頁面。
  2. 移動至 [環境設置 > 社交登入/API設置] 選單。
  3. 點擊網頁上方的共享及API設置

  4. Google地圖API 項目中貼上在步驟1複製的API金鑰

  5. 點擊儲存按鈕即完成啟用。
  1. 點擊網站管理頁面左上角的設計模式進入設計模式頁面。
  2. 添加 單一地圖widget 地圖公告板widget
  3. 點擊滑鼠右鍵打開widget的設置視窗。
  4. 如圖下所示,若在設置視窗上方有顯示地圖,表示已成功啟用。您可輸入位置資訊,並嘗試各種效果設置。

    注意:下圖是以單一地圖widget作為範例。

如果您不小心跳過設定「保護 API 金鑰」

如果您錯過步驟2:設定保護 API 金鑰您還可以參照以下提示編輯您的 保護 API 金鑰設定,並重新取得 API 金鑰。

  1. 點擊左側選單中的憑證

  2. API 金鑰項目中,點擊Maps API Key的 ⋮ 圖示,並點擊編輯 API 金鑰

  3. 應用程式限制選單中,選擇

  4. API 限制選單中,選擇限制金鑰

  5. 點擊 Select APIs

  6. 勾選 Geocoding APIMaps JavaScript API並點擊確定

  7. 點擊右上角API Key項目中的複製圖示來複製 API 金鑰。

  8. 點擊保存按鈕。
  9. 現在回到步驟3:在網站中啟用Google地圖並繼續設定。
返回列表

不知從何開始?

Web So Easy!

前往線上教學

用過一次就愛上 “我”就是 Imweb 的忠實粉絲

在 Imweb 盡情表達“我”的想法
868.7K
累積網站架設數
全球已有數十萬名用戶
在 Imweb 表達著自己的理念
315
平均每日架站數
每天有多個新品牌
在 Imweb 推出客製化網站
4K
全球合作夥伴數

Imweb 企業合作