高德地图区域掩模设置背景透明
使用高德地图创建区域掩模,参考高德地图api,效果如下:
不难发现绘制的地图自带了默认的颜色和背景图,如图:

需求为需要透出父元素中的背景图,那么就需要将绘制高德地图节点和canvas的背景去除。
1、可通过直接设置CSS去除类名 amap-container 的背景图;
.amap-container {
background-image: none;
}
2、通过配置AMap属性,可去除高德地图绘制节点的背景色;
const map = new AMap.Map('map-contain', {
...
// 修改区域掩模canvas的背景
backgroundColor: 'transparent',
});
以上。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具