百度地图 Polyline 移入方法

Question

Polyline 添加 mouseover 放大线条，但是并没有移入到元素中就进行放大了

polyline.addEventListener("mouseover", () => {
            // 设置折线图的宽度
          polyline.setStrokeWeight(this.wscale * 4);
});
// 鼠标移出时
polyline.addEventListener("mouseout", () => {
          // 设置折线图的宽度
          polyline.setStrokeWeight(this.wscale * 2);
});

Answer 1

【以下回答由 GPT 生成】

问题解决方案:

你可以尝试在mouseover事件中添加一个条件判断，以确保折线只在鼠标移入时才被放大。以下是修改后的代码示例：

polyline.addEventListener("mouseover", () => {
    // 判断折线是否已经被放大
    if (polyline.getStrokeWeight() !== this.wscale * 4) {
        // 在鼠标移入时设置折线图的宽度
        polyline.setStrokeWeight(this.wscale * 4);
    }
});

// 鼠标移出时
polyline.addEventListener("mouseout", () => {
    // 在鼠标移出时设置折线图的宽度
    polyline.setStrokeWeight(this.wscale * 2);
});

以上代码中，添加了一个条件判断 if (polyline.getStrokeWeight() !== this.wscale * 4)，用于判断折线的宽度是否已经是放大后的宽度，如果不是，则在鼠标移入时设置折线的宽度为放大后的宽度。

这样修改后，当鼠标移入折线时，只有折线当前的宽度不等于放大后的宽度时，折线才会被放大，避免了在鼠标未移入时就已经放大的问题。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^