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

Question

我正在尝试在 mapbox.js 或 leaflet.js 中复制鼠标悬停事件上的多边形突出显示，类似于以下示例：

这是如何工作的？

Answer 1

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

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

Answer 2

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

按照此 link 执行！

Polygon highlighting with Mapbox or Leaflet