作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
最近在玩 Google map ,了解一些方向。
我有一张 map ,可以在拖放标记时获取方向和地址(反向地理编码)。
如果 map 上有两个节点 ( http://dev.korebogen.dk/gmap/) 脚本工作正常(点击设置方向)——但我需要添加一个点击事件,这样我就可以放置这两个标记,而不是硬编码位置手,但仍然能够将它们拖来拖去 - 或者通过新的点击放置新的。但我只需要 A 到 B 标记。
我一直在玩一些点击事件,但我似乎无法完成我正在寻找的东西 - 希望在这里看到一些帮助。非常感谢。
最佳答案
此代码将允许您单击并放置两个标记,然后您可以使用它们来加载 GDirections,并删除原始标记。请注意,您必须对查询字符串使用此格式:“from: marker@35,-25 to: marker@-20,15”。
var markerArray = [];
var listener = GEvent.addListener(map, "click", function(overlay, latlng) {
var marker = new GMarker(latlng, { draggable: true });
map.addOverlay(marker);
markerArray.push(marker);
if (markerArray.length > 1) {
GEvent.removeListener(listener);
var marker1 = markerArray[0];
var marker2 = markerArray[1];
gdir.load("from: marker1@" + marker1.getLatLng() + " to: marker2@" + marker2.getLatLng());
map.removeOverlay(marker1);
map.removeOverlay(marker2);
}
});
关于javascript - 谷歌地图 - 添加两个标记(方向),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/797541/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!