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

Posted 2021-04-13

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

http://projects.nytimes.com/census/2010/explorer?view=raceethnicity&lat=40.6311&lng=-73.994&l=12

这是如何运作的？

答案

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

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

另一答案

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

按照这个link实施！