高德地图-- 地图遮罩，几行代码完美实现，看着效果就很科幻
首先看下效果图：代码实现：其实要实现这个功能是很简单的，百度地图实现功能是js文件插入的，而高德是css样式控制的。在这里我们只说高德css样式控制的实现步骤：1、在地图容器里放入一个div标签2、对 map-mask 进行样式设置（这里可以根据具体的业务场景进行不同颜色的设置）其中样式pointer-events:none 这个必须设置，如果不设置会出现无法点透效果。到这里高德地图的遮罩魔幻效果
·
首先看下效果图：
代码实现：
其实要实现这个功能是很简单的，百度地图实现功能是js文件插入的，而高德是css样式控制的。
在这里我们只说高德css样式控制的
实现步骤：
1、在地图容器里放入一个div标签
2、对 map-mask 进行样式设置（这里可以根据具体的业务场景进行不同颜色的设置）
其中样式 pointer-events:none 这个必须设置，如果不设置会出现无法点透效果。
到这里高德地图的遮罩魔幻效果就出现了。是不是很简单，赶快去试试吧！
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
3
0- 0
已为社区贡献1条内容
所有评论(0)