嵌入Google Maps
Google Maps API 嵌入方式教學篇
以下有三個大項目需要設定,依序為:
1. 如何申請Google Maps API金鑰?
2. 如何啟用Google Maps API服務?
3. 如何綁定信用卡帳戶?
如何申請Google Maps API金鑰?
➤步驟一:進入Google Cloud Console網址
➤步驟二:登入您的gmail帳號
➤步驟三:選取專案(API Project)
➤步驟四:新增專案
➤步驟五:專案名稱請以英文輸入,完成後建立專案
➤步驟六:再次選取專案
➤步驟七:選取剛剛建立的專案
➤步驟八:建立API憑證
➤步驟九:限制憑證使用(避免被盜用)
➤步驟十:
- 選擇HTTP參照網址(網站)
- 網站限制→新增項目
- 輸入網址,例如:
https://www.tsg.com.tw/*
http://www.tsg.com.tw/*
※網址後面加上/*號表示全站皆可使用,網址https跟http一同設定(沒s也沒有關係) - 儲存設定
➤步驟十一:返回頁面就可以獲得金鑰
如何啟用Google Maps API服務?
➤步驟一:點選資訊主頁,啟用API和服務
➤步驟二:地圖列表,點選查看全部
➤步驟三:選擇您要啟用的服務
Maps JavaScript API、Place API、Directions API...(1次啟用1個,逐一操作要啟用的功能)
如何綁定信用卡帳戶?
※ 目前需強迫綁定信用卡帳戶才可以使用
➤步驟一:從主選單中選取帳單
➤步驟二:點選連結至帳單帳戶,建立帳單帳戶
➤步驟三:填寫基本資料
➤步驟四:點選預算與快訊,設定預算
➤步驟五:設定預算名稱
➤步驟六:依照自己的需求選定預算分配