###### tags: `undo`

# google map api discussion
- 服務收費, 每月免費200美金, 超過收費, 信用卡扣款
- [計費方式](https://developers.google.com/maps/billing-and-pricing/billing?hl=zh-tw)
- 路線: 每秒查詢 50 次, [Google 地圖平台用量限制](https://developers.google.com/maps/faq?hl=zh-tw)
- [google map aip demo](https://developers.google.com/maps/documentation/javascript/examples/marker-labels#try-sample)
- 起始, 終點, 中間增加景點, 自行車模式, 匯入其他人的路徑(array), 匯入會不會有不一樣的路線, 開始導航按鈕, 導航路徑像左轉向右轉前面多遠要爬坡 爬坡路線有幾公尺 爬到一半剩幾公尺
- 2023/1月開始開發, 2023/6月完成
- 功能
- 點擊map取得點擊位置
- 標上圖釘
- 規劃出路線
- show 路線規劃 騎多久
- 多點位路徑規劃, show 路線規劃
- 不同時間點桃園火車站->台南奇美醫院路線規畫一樣?
- 分享路徑打哪支api? (如果不同時間點規劃的路徑一樣, 則只要分享起點終點中途點給別人即可)
- 地址規畫路徑
- 爬坡資料(google map只有海拔高度沒有爬坡資料, 另外的api)
- autocomplete place
- 點擊地圖把地址塞到input

## Web 部分
舉辦活動
參與活動
交友功能
對話功能
標記位置

dash board
導航
騎乘分析
社群

### Ref
- [路徑規劃](https://icelandcheng.medium.com/%E4%BD%BF%E7%94%A8google-map-api-directions-service-%E7%8D%B2%E5%8F%96%E5%8F%8A%E9%A1%AF%E7%A4%BA%E6%9C%80%E4%BD%B3%E8%B7%AF%E5%BE%91-cf82060b90f2)
- [使用Google Map API(Directions Service)獲取及顯示最佳路徑](https://icelandcheng.medium.com/%E4%BD%BF%E7%94%A8google-map-api-directions-service-%E7%8D%B2%E5%8F%96%E5%8F%8A%E9%A1%AF%E7%A4%BA%E6%9C%80%E4%BD%B3%E8%B7%AF%E5%BE%91-cf82060b90f2)
- [中間多點路徑規劃](http://cloverhsc.blogspot.com/2018/08/google-map-api-angular-6-4-directions.html)
- [參數](http://cloverhsc.blogspot.com/2018/08/google-map-api-angular-6-4-directions.html)
- [改路徑顏色 PolylineOptions](https://developers.google.com/maps/documentation/javascript/reference/polygon#PolylineOptions)
- [how to render html string in react](https://reactgo.com/react-render-html/)
- [DirectionsRendererOptions: draggable](https://developers.google.com/maps/documentation/javascript/reference/directions#DirectionsRendererOptions)
- [socket.io](https://socket.io/docs/v4/emitting-events/)