javascript - Google map - 拖放标记并绘制路线

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

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

easyvan

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

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

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

因为标记是相互连接的。 4 markers

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

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

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

最佳答案

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

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

关于javascript - Google map - 拖放标记并绘制路线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33643700/

相关文章:

javascript - 在单元测试时用值实例化绑定(bind) Controller

javascript - 从 ng-repeat 访问数据

javascript - jqplot轴渲染: a. jqplot.CanvasFontRenderer不是构造函数

JavaScript:被调用者是什么?

Javascript:使用 jQuery 的异步函数调用

javascript - 创建出现在按键上的 Angular 模态指令

javascript - Vue.js 转义双冒号

javascript - 文档点击隐藏菜单

javascript - 使用 ajax 进行黑客攻击 html 编码

angularjs - 使用最新的不稳定分支生成 Angularjs 应用程序?