我如何链接到谷歌地图打印方向使用Html5地理定位

How do I link to google maps print directions using Html5 geolocation?

本文关键字：方向 Html5 定位 打印 谷歌地图 何链接 链接      更新时间：2023-09-26

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

对如何实现这一点有什么想法吗?

谢谢。

相关Google Maps url参数为:

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

好的，这里是一个快速的高级解决方案:

    使用geolocation api在成功回调时获取用户位置。
  1. 创建一个新的谷歌地图使用gmaps api，当通过用户坐标作为地图的中心。如果这是一个移动类型的web应用程序，我建议使用你得到的精度半径值，并绘制圆…如iphone地图应用程序。
  2. 有一个api调用，谷歌提供或您可以创建自己的从用户latlng，目的地，旅行方法等获取路由。
  3. 一旦回调触发，重新绑定地图，让用户看到那里的位置和目的地。
  4. 方向对象也将返回与路线和腿有关的各种数据....决定你想要显示多少并重新绘制地图。

注意，当你调用api来获取方向时，你可以指定使用哪种类型的旅行模式。

你还应该设置一个方法来跟踪用户的地理位置和更新地图中心的数据返回，以便用户可以跟踪他们的运动。我已经用setTimeOut完成了它，然后将标记动画到新位置(不确定setTimeOut是否是最干净的解决方案)。

谷歌地图API与地理定位是有趣的!

相关文章：