Google Maps API 收費囉！ 這個網頁無法正確載入 ... - 網站架設

Google Maps API 已經於2018 年底進行開始收費，但免驚！ ... 免費的額度，若流量未超過每個月的免費額度則不需要收費，超過則依照標價進行每個月結帳付款，相關Google ... 您想找什麼？ 成功案例 網站文章 搜尋 品牌理念 繁體中文 English 網站架設費用 品牌電商解決方案 企業形象官網 SEO關鍵字搜尋優化 解決方案 品牌電商解決方案 實體書電商 電子書平台 汽車百貨電商 線上報名網站 旅行社官網 關於可思 架設流程 成功案例 模組教學 網站架設 聯絡我們 首頁 網站架設 網站優化 GoogleMapsAPI收費囉！這個網頁無法正確載入Google地圖業主慌張：我的網頁GoogleMap怎麼跑不出來 網站架設-GoogleMapsAPI收費囉！這個網頁無法正確載入Google地圖業主慌張：我的網頁GoogleMap怎麼跑不出來 2021-11-23 內容大綱 項次 1.前言 2.不需要使用GoogleMapsAPI的方法 3.申請GoogleMapsAPI及啟用服務 4.綁定帳單信用卡服務 5.設定額度限制   前言   近幾年多數網站使用的聯絡資訊或是地圖相關，幾乎都會選擇GoogleMaps進行串接，起初GoogleMaps是不需要任何費用即可免費供開發者使用，但於2018年時Google宣布將進行收費，如果你的網站是早期埋入GoogleMaps地圖的網站，應該都會遇到調出一個訊息「這個網頁無法正確載入Google地圖。

」及一堆浮水印擋住了的地圖顯示，雖然仍可查看，但對於瀏覽網站的使用者有所不便，今天就要教幾招讓你可以輕鬆解決這些問題！       不需要使用GoogleMapsAPI的方法   相信大家遇到很多情況是，以前GoogleMaps是提供免費使用的，突然收費的情況讓很多既有的相關網站無法順利正常顯示地圖，但現在收費了是否就只能由付款呢？其實不盡然，Google雖然現在已針對服務進行收費，但若開發者在預算上有所限制的情況下，還是可以用其他方式進行解決的。

  首先進入到GoogleMaps時，進行搜尋您相關的地點，並點選「分享」、「嵌入地圖」，並將下方的網址「複製」後，貼到您的相關網站相關位置，即可顯示相同效果，只是相對的，顯示的方式就只能以Google原始制定的方式進行顯示。

      申請GoogleMapsAPI及啟用服務   當然，如果您想要有客製化的顯示，就必須使用GoogleMapsAPI所提供之服務，而服務也會針對相關的內容進行收費，不過慶幸的是Google雖然針對服務已進行收費，但也有提供每個月免費的額度，若流量未超過每個月的免費額度則不需要收費，超過則依照標價進行每個月結帳付款，相關GoogleCloud收費表附上此讓您參考。

    接下來也會依照步驟的告訴大家如何進行申請GoogleAPI相關服務的流程。

  步驟一：首先請進入到GoolgeCloudAPI 的的管理首頁 步驟二：點選左上方的「MYPorject」   步驟三：點選右上方的「新增專案」   步驟四：在「專案名稱」內打上您欲新增的的專案內容，這裡可自行決定輸入內容，可辨識即可(範例：GoogleMapsAPI)   步驟五：專案建立完畢後會回到主頁，接著針對新增的專案，點選「啟用API和服務」   步驟六：進入到 API服務啟用頁，查看左側篩選並選擇「地圖」進行篩選   步驟七：以網頁來說，至少一定要啟用「MapsJavaScriprAPI」，剩下框選服務也有可能會使用到，您可依照需求進行選擇   步驟八：啟用後，頁面會跳至目前以啟用的API頁面，可確認是否有確實啟用API服務   綁定帳單信用卡服務   當上述作業完成後，再回到您的服務上查看，應該一樣會有同樣問題，原因是還缺少了一個步驟，綁定信用卡，由於GoogleCloud服務帳單是自動計算，也會自動進行扣款，所以服務必須要先綁定信用卡後，才可以正式啟用。

  步驟一：點選左上的「選單按鈕」，彈出側邊選單時，請點選「帳單」     步驟二：若項目尚未連結帳戶則會彈跳下列訊息，接著點選「連結帳單帳戶」   步驟三：接著請點選「建立帳單帳戶」   步驟四：進入到建立帳戶頁面選擇「國家/地區」後，並勾選「服務條款」後點選「繼續」   步驟五：依照客戶資訊進行欄位填寫，並且輸入「信用卡」卡號完畢後點選送出後即完成綁定。

  設定額度限制   Google也很貼心地推出額度限制的功能，預防可能帳單超出預算的部分來進行額度限制設定。

  步驟一：一樣點選左上的「選單按鈕」，彈出側邊選單時，鼠標移置「API和服務」，彈出右邊小視窗時點選「資訊主頁」   步驟二：進入到API和服務相關頁面後，下方篩選條件輸入「MapsJavaScriptAPI」   步驟三：篩選完畢後點選「MapsJavaScriptAPI」項目進入設定頁面。

  步驟四：進入到該頁面後點選左側選單的「配額」   步驟五：右側畫面會出現Mapsload若選單是縮起來的記得點選一下展開，即可看到設定資訊，點選旁邊的「筆」icon即可以進行編輯。

  步驟六：最後針對「配額限制」輸入框內輸入需要限制的次數，再按下「儲存」即可完成。

  熱門標籤 Google API Cloud 其它資訊 網站架設教學Rwd響應式網站有多重要? Google關鍵字廣告vs.SEO搜尋引擎最佳化 電商網站架設-是什麼UX設計（UserExperience）？ 架設網站伺服器須知-如何限制SFTP的登入位置 網站架設請找可思科技 Prev 回上一層→ 專人服務 專人服務 LINE立即聯繫