mapbox gl 3D建筑物高亮显示

最新推荐文章于 2025-06-18 13:37:30 发布

转载最新推荐文章于 2025-06-18 13:37:30 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://tieba.baidu.com/p/5493029421?red_tag=1007636426

文章标签：

#js

mapbox 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用Mapbox API在地图上实现要素高亮显示，并通过鼠标悬停事件获取要素属性。当鼠标悬停在地图上的公园边界要素上时，该要素将改变颜色以进行视觉高亮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现如上图效果，代码如下，同时可以获取要素属性

map.on('mousemove',function(e){
    var features=map.queryRenderedFeatures(e.point,{layers:['park-boundary']})
    if(features.length>0){
        map.setPaintProperty('park-boundary','fill-extrusion-color','#faafee')
    }else{
        map.setPaintProperty('park-boundary',"fill-extrusion-color" ,'#FFA54F')
    }
})