使用 Google 地图 API 用于网络的两个地点之间的附近地点、距离和路线
Nearby Places, Distance and Route between two places using Google Maps API for Web
我正在开发一个网站,该网站使用 Google 地图地点 API 从用户那里获取区域并需要显示最近的餐馆、酒店等。我还需要显示这些地方与用户选择区域之间的距离和路线。
任何人都可以帮我提供一些建议、链接或教程吗?
好吧,我无法为您提供所有代码,但我可以帮助您构建代码,请遵循以下指导。说不定对你有帮助。
基本上你需要两个 API 来解决这个问题:
1) Google 方向 API
2) Google 地点 API
3) Javascript - GEOLocation(自动检测用户位置,如果网站托管有 ssl 证书 - https 则有效)
第 1 步:
首先你需要从浏览器检测用户当前位置(使用HTML5 navigator.geolocation):
http://www.w3schools.com/html/html5_geolocation.asp
第 2 步:
现在您需要使用 Google 个地点 API 搜索附近的酒店、餐馆等。请检查以下文档,您可以在其中看到 api 需要位置坐标作为输入,并会相应地回复您,
Web Service API Doc OR JavaScript API Doc
第 3 步:
方向 API 将在两点之间工作,因此这里最好使用 Direction API 在两点(用户位置和特定 restaurant/hotel/etc 位置)之间构建动态路线。您可以使用标记点击事件构建路线。
Google Direction API - Javascript Example
我希望我已经尽力解释得更好了,请忽略格式和拼写错误,只关注我给出的步骤,忽略其他内容!!
我正在开发一个网站,该网站使用 Google 地图地点 API 从用户那里获取区域并需要显示最近的餐馆、酒店等。我还需要显示这些地方与用户选择区域之间的距离和路线。
任何人都可以帮我提供一些建议、链接或教程吗?
好吧,我无法为您提供所有代码,但我可以帮助您构建代码,请遵循以下指导。说不定对你有帮助。
基本上你需要两个 API 来解决这个问题:
1) Google 方向 API
2) Google 地点 API
3) Javascript - GEOLocation(自动检测用户位置,如果网站托管有 ssl 证书 - https 则有效)
第 1 步:
首先你需要从浏览器检测用户当前位置(使用HTML5 navigator.geolocation):
http://www.w3schools.com/html/html5_geolocation.asp
第 2 步:
现在您需要使用 Google 个地点 API 搜索附近的酒店、餐馆等。请检查以下文档,您可以在其中看到 api 需要位置坐标作为输入,并会相应地回复您,
Web Service API Doc OR JavaScript API Doc
第 3 步:
方向 API 将在两点之间工作,因此这里最好使用 Direction API 在两点(用户位置和特定 restaurant/hotel/etc 位置)之间构建动态路线。您可以使用标记点击事件构建路线。
Google Direction API - Javascript Example
我希望我已经尽力解释得更好了,请忽略格式和拼写错误,只关注我给出的步骤,忽略其他内容!!