使用Google Maps API for Web在两个地方之间的距离和路线

时间:2016-06-29 16:02:59

标签: google-maps web google-places-api

我正在开发一个网站,该网站使用Google Maps地方API从用户获取区域,并需要显示最近的餐馆,酒店等。我还需要显示用户所选区域之间的距离和路线。

有人可以帮我提供一些建议,链接或教程吗?

1 个答案:

答案 0 :(得分:2)

好吧,我没有为您提供所有代码,但我可以帮助您构建代码,请遵循以下指导。它可能对你有帮助。

基本上,您需要为此解决方案提供两个API:

1)Google Directions API

2)Google Places API

3)Javascript - GEOLocation(自动检测用户位置,如果网站托管了ssl证书,可以使用https)

第1步:

首先,您需要从浏览器中检测用户当前位置(使用HTML5 navigator.geolocation):

http://www.w3schools.com/html/html5_geolocation.asp

第2步:

现在您需要使用Google Places API搜索附近的酒店,餐馆等。请查看以下文档,您可以在其中看到地点api所需的位置坐标作为输入,并将相应地回复您,

Web Service API DocJavaScript API Doc

第3步:

Directions API适用于两点之间,因此最好使用Direction API在两个点(用户位置和特定餐厅/酒店/等位置)之间构建动态路由。您可以使用标记点击事件构建路线。

Google Direction API - Javascript Example

我希望我尽力解释得更好,请忽略格式化和拼写错误,只关注我给出的步骤,忽略其他东西!!