如何使用谷歌地图API在嵌入地图上显示所有可用的路线
How to display all available routes on an embed map with Google Maps API?
我想知道是否有可能在两点之间显示使用公共服务(如火车或公共汽车)的所有可用路线,并能够选择一条以使用Google Maps API(Javascript的嵌入)在嵌入式地图中查看更多详细信息,就像使用Google地图网站本身一样(示例)。
就我而言,我只能嵌入仅包含一条特定路线的地图或全球地图,但不能嵌入包含所有路线的地图,并让用户选择喜欢哪一个。
谢谢!
您可以尝试在 Google Maps JavaScript API 中使用路线。若要使用它,需要创建一个类型为 DirectionsService
的对象并调用 DirectionsService.route()
以启动对 Direction 服务的请求,向其传递一个包含输入术语的 DirectionsRequest
对象文本和在收到响应时执行的回调方法。
对象包含以下字段:
{
origin: LatLng | String | google.maps.Place,
destination: LatLng | String | google.maps.Place,
travelMode: TravelMode,
transitOptions: TransitOptions,
drivingOptions: DrivingOptions,
unitSystem: UnitSystem,
waypoints[]: DirectionsWaypoint,
optimizeWaypoints: Boolean,
provideRouteAlternatives: Boolean,
avoidHighways: Boolean,
avoidTolls: Boolean,
region: String
}
对于TransitOptions
,您可以在此处指定正在使用的模式。
google.maps.TransitMode.BUS 表示计算出的路线应优先乘坐公共汽车。
google.maps.TransitMode.RAIL 表示计算出的路线应优先乘坐火车、电车、轻轨和地铁。
google.maps.TransitMode.SUBWAY 表示计算出的路线应优先乘坐地铁。
google.maps.TransitMode.TRAIN表示计算出的路线应优先乘坐火车旅行。
google.maps.TransitMode.TRAM表示计算出的路线应优先乘坐有轨电车和轻轨。
对于provideRouteAlternatives
,当设置为 true 时,它指定方向服务可以在响应中提供多个路径备选方案。请注意,提供替代路由可能会增加服务器的响应时间。
- 谷歌地图JS API+JSON-多个标记没有显示
- 搜索api在mac上显示对话框
- 地图API没有't显示地图
- 使用API在我的网站Google-Map上显示搜索地址的纬度和经度
- 谷歌地图地点API地图未显示
- 当我使用高度百分比时,谷歌地图javascript api不会显示
- 使用谷歌地图API和phonegap显示当前位置+方向
- 谷歌地图API-显示具有不同图标的标记
- 显示LinkedIn Api的个人资料数据,无需身份验证
- 敲除:可观察数组没有被正确绑定——只有1个结果显示,而api返回6
- Google Places API显示雷达搜索中的位置图标/图像
- 没有显示带有Infobox PHP/SQL的Google Map API v3
- 使用Angular控制器显示API的JSON数据
- 在javascript中显示api响应
- 谷歌地图标记工具提示不显示(API v3)
- PDF.js使用sail .js中的显示api
- 显示API的搜索结果
- 谷歌地图标记没有显示API v3
- 使用用户显示API和屏幕名称跟踪Twitter用户位置
- 如何在不显示API密钥的情况下使此代码正常工作?我正在Node.js/Angular/Express上构建应用程序