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

Question

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

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

这是如何运作的？

Answer 1

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

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

Answer 2

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

遵循link进行实施！