040:mapboxGL鼠标hover更换选中feature颜色

在这里插入图片描述

第040个

点击查看专栏目录


本示例的目的是介绍演示如何在vue+mapbox中通过鼠标hover的方式来更换选中feature颜色。这里面利用了mousemove和mouseleave的方法,通过选中图层的feature,来设置hover的true或者false,从而通过opacity的case状态来判断透明度用哪一个值。

直接复制下面的 vue+mapbox源代码,操作2分钟即可运行实现效果

文章目录

      • 示例效果
      • 配置方式
      • 示例源代码(共138行)
      • 相关API参考:
      • 专栏目标

示例效果

你可能感兴趣的:(#,javascript,mapbox,hover)