高德地图区域掩模设置背景透明

使用高德地图创建区域掩模,参考高德地图api,效果如下:

不难发现绘制的地图自带了默认的颜色和背景图,如图:

需求为需要透出父元素中的背景图,那么就需要将绘制高德地图节点和canvas的背景去除。
1、可通过直接设置CSS去除类名 amap-container 的背景图;

.amap-container {
   background-image: none;
}

2、通过配置AMap属性,可去除高德地图绘制节点的背景色;

const map = new AMap.Map('map-contain', {
  ...
  // 修改区域掩模canvas的背景
  backgroundColor: 'transparent',
});

以上。

posted @   显示昵称已被使用#  阅读(227)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示