使用Mapbox或Leaflet突出显示多边形

Question

我试图在mapbox.js或leaflet.js中的mouseover事件上复制多边形突出显示，类似于下面的示例：

这是如何运作的？

Answer 1

使用Leaflet，您只需定义一个函数来设置mouseover事件上多边形的样式。例如：

polygonLayer.on('mouseover', function (this) {
    this.setStyle({
        fillOpacity: 0,
        color: 'black'
        });
});

Answer 2

您可以使用Mapbox GL JS的事件和功能状态创建每个功能的悬停效果。

按照这个link实施！