gpt4 book ai didi

javascript - 传单 - 互动 map - 添加事件

转载 作者:行者123 更新时间:2023-12-03 04:51:21 27 4
gpt4 key购买 nike

我在使用带有自行车路线的示例 map 时遇到了两个小问题。

1.目前我的 map 是这样工作的:

当您将鼠标悬停在路线上时,它会突出显示(这很好)。

当您将鼠标移出路线时,它会取消突出显示(这也很好)。

当您单击路线时,它会突出显示并缩放到要素(这很好)。

这是有问题的部分:当您单击 map 上的任意位置(而不是路线)时,路线应该取消突出显示,因此它看起来像默认 View ,没有任何突出显示,但它不会发生。我怎样才能做到这一点?我尝试了 map.on 事件,但我不确定将其放在代码中的何处。

2.有什么办法可以偏移geojson线吗?我想将它们放在虚线下方。我尝试在我的样式中设置偏移量,但它不起作用。

这是工作 map 的链接

http://mapaszlakow.eu/interactive.html

非常感谢!

最佳答案

对于问题的第一部分,要在 map 上单击路线外部时取消突出显示路线 - 您可以使用 geojson 的 map.on(..) 函数来解决此问题:

var geojson = L.geoJson(szlaki, {
onEachFeature: function(feature, layer) {
layer.on({
...
}
});

map.on({
'click': function(e) {
geojson.resetStyle(layer);
info.update();
selected = null;
}
});

}
}).addTo(map);

代码笔示例:http://codepen.io/dagmara223/pen/LWbpqP

<小时/>

关于第二个问题,你尝试过Leaflet.PolylineOffset plugin吗? ?

关于javascript - 传单 - 互动 map - 添加事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42647702/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com