【问题标题】:Nearby Places, Distance and Route between two places using Google Maps API for Web使用 Google Maps API for Web 的两个地点之间的附近地点、距离和路线
【发布时间】:2016-11-01 11:12:45
【问题描述】:

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

谁能帮我提供一些建议、链接或教程?

【问题讨论】:

  • 您使用什么语言/平台进行 Web 开发?
  • 我正在使用 HTML、CSS、jquery 和 PHP。

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


【解决方案1】:

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

这个解决方案基本上需要两个 API:

1) 谷歌路线 API

2) 谷歌地方 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

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

【讨论】:

  • 非常感谢 Rajnish。这对我很有用。
猜你喜欢
  • 2012-01-15
  • 2014-09-16
  • 2016-04-22
  • 1970-01-01
  • 1970-01-01
  • 2017-06-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多