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

标签 javascript leaflet mapbox

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

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

这是如何工作的?

最佳答案

使用Leaflet,您只需定义一个函数即可在鼠标悬停事件上设置多边形的样式。例如:

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

关于javascript - 使用 Mapbox 或 Leaflet 突出显示多边形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27873509/

相关文章:

leaflet - 如何检测用户何时没有点击图层?传单

ios - MapBox iOS 不同的标记图像?

ios - 为什么我在 IOS 上得到 Mapboxgl api 的空白页?

javascript - If/Else 语句 Socket.io 客户端

javascript - JavaScript 中数组后面的冒号

.net - 处理从 html 页面到单独的 .NET 页面的文件上传

javascript - 作为 Vue 组件的 Leaflet 对象

将 UTC 转换为本地时间的 JavaScript 在 Chrome 中不起作用

javascript - 小叶杂食+聚类标记+过滤标记聚类组

gradle - 带有OkHTTP的 picasso 无法在其URL中加载包含竖线字符( “|”)的图像