天矽科技 line

天矽部落格最新的網路趨勢資訊

部落格

Google Maps API 嵌入方式教學篇

以下有三個大項目需要設定,依序為:
1. 如何申請Google Maps API金鑰?
2. 如何啟用Google Maps API服務?
3. 如何綁定信用卡帳戶?

 

如何申請Google Maps API金鑰?

 

步驟一:進入Google Cloud Console網址

 

步驟二:登入您的gmail帳號

 

步驟三:選取專案(API Project)

 

 

步驟四:新增專案


 

步驟五:專案名稱請以英文輸入,完成後建立專案

 

步驟六:再次選取專案

 

步驟七:選取剛剛建立的專案

 

步驟八:建立API憑證

 

步驟九:限制憑證使用(避免被盜用)

 

步驟十:

  1. 選擇HTTP參照網址(網站)
  2. 網站限制→新增項目
  3. 輸入網址,例如:
    https://www.tsg.com.tw/*
    http://www.tsg.com.tw/*
    ※網址後面加上/*號表示全站皆可使用,網址https跟http一同設定(沒s也沒有關係)
  4. 儲存設定

 

步驟十一:返回頁面就可以獲得金鑰

 

 

如何啟用Google Maps API服務?

 

步驟一:點選資訊主頁,啟用API和服務

 

步驟二:地圖列表,點選查看全部

 

步驟三:選擇您要啟用的服務

Maps JavaScript API、Place API、Directions API...(1次啟用1個,逐一操作要啟用的功能)

 

如何綁定信用卡帳戶?

※ 目前需強迫綁定信用卡帳戶才可以使用
 

步驟一:從主選單中選取帳單

 

步驟二:點選連結至帳單帳戶,建立帳單帳戶

 

步驟三:填寫基本資料

 

步驟四:點選預算與快訊,設定預算

 

步驟五:設定預算名稱

 

步驟六:依照自己的需求選定預算分配

回上一頁
信箱
客服
Line@