如何在 Mapbox Gl JS 矢量图层中突出显示单击功能,如第二张图片所示

Sha*_*dey 2 mapbox mapbox-gl mapbox-gl-js

如何突出显示图层中的要素。第一张图片显示了图层,第二张图片是单击时突出显示的所选功能。如何执行此操作?

Mapbox 中的矢量图层

选定的功能像这样突出显示

ria*_*rad 5

假设您链接到的矢量图层屏幕截图具有多边形数据并且不仅仅是栅格层,您可以使用要素状态来完成此操作。以下是使用功能状态在客户端运行时修改样式的示例:https://docs.mapbox.com/mapbox-gl-js/example/hover-styles/

\n\n

出于您的目的,您可以使用该事件来触发多边形的样式更改,而不是使用上面示例中使用的"mousemove"&事件。"mouseleave""click"

\n\n
\n\n

\xe2\x9a\xa0\xef\xb8\x8f 免责声明:我目前为 Mapbox \xe2\x9a\xa0\xef\xb8\x8f 工作

\n