iT邦幫忙

2025 iThome 鐵人賽

DAY 6
0

在上一篇文章中,我們已經完成了登入、註冊系統,今天將帶你們AI Agent 結合google Maps建立行動地圖。

首先,先帶你們了解並且開啟Google Maps API的服務,會想到跟google地圖結合,是因為方便規劃所有的行程,像是路線、大眾運輸以及食衣住行等等,加上Google Maps會方便很多。

此次,Google Maps API根據我的需求,會使用到以下這幾種:

  • Maps JavaScript API: 顯示互動式地圖
  • Places API: 搜尋地點、獲取地點詳情
  • Geocoding API: 地址轉座標或座標轉地址
  • Directions API: 路線規劃

帶你們開啟Google Maps API的服務:

步驟1:前往Google Cloud

也可以直接點此連結Google Cloud Console,此網站
https://ithelp.ithome.com.tw/upload/images/20250920/20168805D5bdPPjO8q.png

步驟2:創建專案

點擊紅框新增專案就可以創建專案
https://ithelp.ithome.com.tw/upload/images/20250920/20168805CxCoZZnLgM.png

步驟3:啟用Google Maps API的服務

創建好專案後,可以直接點擊紅框中的API和服務
https://ithelp.ithome.com.tw/upload/images/20250920/20168805ffMMcDY5SM.png
就會到這個畫面點擊**+啟用API和服務**
https://ithelp.ithome.com.tw/upload/images/20250920/20168805XGJMNrPhZ7.png

步驟4:點擊右邊資料欄中的地圖

也可以直接搜尋你需要地圖的API
https://ithelp.ithome.com.tw/upload/images/20250920/20168805C141UMiB0S.png
找到後點擊紅框中的啟用(我的是已經啟用的狀態)
https://ithelp.ithome.com.tw/upload/images/20250920/20168805dKdS0zthoo.png

步驟5:創建API KEY

啟用API服務後,回到API和服務的畫面,點擊憑證
https://ithelp.ithome.com.tw/upload/images/20250920/20168805WXkYIonSML.png
點擊建立憑證,第一個就是API KEY
https://ithelp.ithome.com.tw/upload/images/20250920/20168805wYqMwNeh7y.png
就可以創建API KEY
https://ithelp.ithome.com.tw/upload/images/20250920/20168805ZO7rfokJfW.png

創建完就會是這個畫面,就代表創建成功
https://ithelp.ithome.com.tw/upload/images/20250920/201688052PHkQZ48oo.png

下一篇,行程管家的行動地圖(中)


上一篇
Day5 行程管家的註冊系統
下一篇
Day7 行程管家進化:AI Agent 結合 Geocoding API 的智慧定位
系列文
結合AI Agent技術打造自己的行程管家8
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言