日誌

網頁無法正確載入 Google 地圖? Google Map API 開始收費了!Clickr力嘉教你如何申請Google MAP API KEY


Google Map作為網站的交通指示以及周邊景點功能是相當方便直覺的,而且還是免費使用的。但最近在網站上看到「這個網頁無法正確載入 Google 地圖」彈框?小編一驚!原來是Google Map 自2018年7月16日之後就開始收費了,必須申請google map api key,還必須要綁定信用卡才可以繼續使用Google map。


64-1.png


Google Map怎麼收費?是否有免費額度?


大家最關心的應該是...要收多少錢呢...?


Google Map是用載入次數(response)來計算費用的,目前每個月有200美金的免費額度,約可使用28,000次/月,可以簡單的理解,程式讀到地圖就算一次(這時候就要感謝萬惡的暫存,可以省個幾次...)


如果您是一般中小型的企業,網站使用流量不高倒是不用擔心,這部分可以從GA來評斷您的網頁map會不會被收錢。


※目前不綁定信用卡的話,好像也會直接跳浮水印...


另外也可以自訂收費額度,如果超過免費額度就自動停止服務。事實上也只是被放上「開發中 For development purposes only」的浮水印而已,其實功能都正常。


如何申請Google Map API Key?


現在就讓小編教你怎麼申請google api key,讓您網站上的google map不會被上浮水印。


1


進入Google Cloud Console網址,登入您的gmail帳號,然後點擊「選取專案」:


64-2.png


2


點擊「新增專案」


64-3.png


在跳出的頁面中輸入專案名稱(只能打英文),然後點擊「建立」即可新增專案:


64-3-2.png


3


如果沒有跳轉到新的頁面,就再次點「選取專案」


64-4.png


在彈出的對話框中,選取剛剛建立的專案,點擊「打開」。


64-5.png


4


在「API和服務」下點擊「憑證」,跟著圖片的步驟建立API憑證


64-5-2.png



5


在彈出的「已建立API金輪」中,可以點擊「限制金輪」來限制憑證的使用(以免被其他網站盜用)


64-5-3.png



6


選擇「HTTP參照網址(網站)」,輸入自己的網址,後面記得加上/*,這樣網站上的每一個頁面才能使用喔。記得同時加上https開頭的網址(網站沒有https也沒關係)


例如:http://www.clickrweb.com/*

例如:https://www.clickrweb.com/*


64-6.png



7


最後,就是將Api Key複製下來給網頁設計廠商就可以了。


64-7.png


如何啟用Google Map API服務?


如果你新建的專案還沒有開啟Google Map API服務的話,就可以按照下面的方法來開啟服務:


步驟一

回到資訊主頁,點選「啟用API和服務」


64-8.png


步驟二

若沒在彈出的頁面中找到Maps JavaScript API的話,就選擇查看全部 


64-9.png


步驟三

看到Maps JavaScript API後點擊


64-10.png


步驟四

就會出現下面的頁面,點擊「啟用」即可。


64-11.png


一般常會用到Place API、Directions API、Distance Matirx API和Geocoding API,所以可以通過重複上面的步驟來開啟這是個API服務。不開啟也沒關係,具體看網站的需求。


回最頂