gpt4 book ai didi

leafletjs : Highlight polyline on mouseover

转载 作者:行者123 更新时间:2023-12-04 17:18:50 25 4
gpt4 key购买 nike

似乎标题是不言而喻的,但要详细说明,这是我遇到的问题,我在 map 上显示了多条折线,现在我打算做的是,当我将鼠标悬停在上面时列表中的某个折线,只有该折线会突出显示(或更改颜色)。我现在所拥有的是这样的东西(这段代码位于循环中,循环结束时用单个折线数据填充polyLineArray,

var pointList = [];

// pointList is an array and lat/lngs

var polyLineProperties = {
color: 'red',
opacity: 1,
weight: 5,
clickable: true
}

var polyLine = new L.polyline(pointList, polyLineProperties);
polyLine.on('mouseover', function() {
// WHAT TO DO HERE to HIGHLIGHT that specific polyline.
});

polyLineArray.push(polyLine);

希望有人可以帮我解决这个问题,如果有人甚至可以就如何更改折线的所有属性(而不仅仅是颜色)提出建议,那将是 不错的

谢谢您,等待您的答复:)

最佳答案

好的,

抱歉,由于以下链接上的教程,我设法弄清楚了这一点,

Interactive Choropleth Map

这就是所需要的,

polyLine.on('mouseover', function(e) {
var layer = e.target;

layer.setStyle({
color: 'blue',
opacity: 1,
weight: 5
});
});

谢谢大家的阅读。

关于leafletjs : Highlight polyline on mouseover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26504689/

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