嵌入Google Maps

Google Maps API 嵌入方式教學篇

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

 

如何申請Google Maps API金鑰?

 

步驟一:進入Google Cloud Console網址


步驟二:登入您的gmail帳號


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

Google Maps API 嵌入方式

 


步驟四:新增專案

Google Maps API 嵌入方式


 


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

Google Maps API 嵌入方式


步驟六:再次選取專案

Google Maps API 嵌入方式

 


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


步驟八:建立API憑證

Google Maps API 嵌入方式

 


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

Google Maps API 嵌入方式

 


步驟十:

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

Google Maps API 嵌入方式

 


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

Google Maps API 嵌入方式

 


 

如何啟用Google Maps API服務?

 

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

Google Maps API 嵌入方式

 


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

Google Maps API 嵌入方式

 


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

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

Google Maps API 嵌入方式

Google Maps API 嵌入方式

 

如何綁定信用卡帳戶?

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

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

Google Maps API 嵌入方式

 


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

Google Maps API 嵌入方式

 


步驟三:填寫基本資料


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

Google Maps API 嵌入方式

 


步驟五:設定預算名稱

Google Maps API 嵌入方式

 


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

Google Maps API 嵌入方式

 

share FB LINE
看天矽作品集 回上一頁
ID:@323foylw