如何使用Html5地理位置链接到谷歌地图打印路线？

Question

我目前正在开发一个使用html5地理位置来获取用户位置并在地图上显示路线的网站，到目前为止一直很好。但现在，我希望有三个按钮（步行，驾驶，交通），它们将链接到谷歌地图的打印方向（即https://maps.google.com/maps?saddr=San+Francisco&daddr=Los+Angeles&z=7&pw=2），具体取决于用户的位置和交通方式。

关于如何实现这一点的任何想法？

感谢。

Answer 1

相关的Google地图网址参数为：

saddr
    source address
    any urlencoded address, or a lat/lng pair formatted as
       58+41.881N+152+31.324W

daddr
    destination address (same as saddr)

dirflg
    transportation directions type flag
    (character, optional)
        'r' = public transit
        'w' = walking
        'b' = bike
        defaults to car if omitted

Answer 2

好的，这是快速的高级解决方案：

1. 使用geolocation api获取成功回调的用户位置。
2. 在将用户坐标作为地图中心传递时，使用gmaps api创建新的Google地图。如果这是一个移动类型的网络应用程序，我建议你使用精确半径值，你也可以画回来...就像iphone地图应用程序一样。
3. 谷歌提供了一个api电话，或者您可以创建自己的电话来获取用户latlng，目的地，旅行方式等路线。
4. 一旦回调触发重新绑定地图，以允许用户查看位置和目的地。
5. 路线对象还将返回与路线和腿有关的各种数据......决定你想要显示多少这些数据并重新绘制地图。

请注意，当您拨打api方向进行指示时，您可以指定其他一些类型的旅行模式。

此外，您应该设置一种方法来跟踪具有地理位置的用户，并根据返回的数据更新地图中心，以便用户可以跟踪他们的移动。我用setTimeOut完成了它，然后将标记设置为新位置（不确定setTimeout是否是最干净的解决方案）。

带地理位置的Google Maps API很有趣！