【问题标题】:Google Maps - Drag & drop markers and draw routes谷歌地图 - 拖放标记并绘制路线
【发布时间】:2016-02-12 03:21:18
【问题描述】:

我正在尝试使用 jQuery/JS 和 Laravel PHP 框架实现如下所示的接口。谁能帮我弄清楚我有以下问题吗?

  1. 如何使标记可拖动并在释放标记时获取 纬度/经度?

  2. 如何显示点 1 和 2 之间的真实路径(如蓝线。当我更改标记时,将根据最短距离绘制一条新线)?

  3. 如果有多个标记相互连接,如下所示,如何获得优化路线?

因为标记相互连接。

这是访问所有 4 个标记的优化路线(访问的最短路径)

  1. 有类似的开源项目吗? (如 jQuery 日历)

如果您知道任何与实现此类目标相关的资源/插件,请在下方发表评论。

【问题讨论】:

标签: javascript jquery angularjs google-maps google-maps-markers


【解决方案1】:

Google 地图上的可拖动标记 - 搜索“使标记可拖动”: https://developers.google.com/maps/documentation/javascript/markers

根据路线图规划从 A 点到 B 点的路线。您可以使用方向 API: https://developers.google.com/maps/documentation/directions/intro

【讨论】:

  • 感谢 Maksym,有没有办法在 Google 地图中显示多个 A、B、C 点的最佳优化路线?
  • 谷歌这样做是为了使用。查看department_time 和traffic_model。如果department_time接近当前时间,可以根据实际交通情况优化路线。它类似于您在使用谷歌地图导航手机时得到的结果。我见过由于交通繁忙而计算出具有相同起点和终点的不同路线的情况
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多