echarts map地图添加背景图

最新推荐文章于 2025-08-12 11:23:23 发布

原创

最新推荐文章于 2025-08-12 11:23:23 发布 · 2.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

该文章已生成可运行项目，

给map地图添加了一个阴影3d的效果，添加一张背景图，给人感觉有3d的效果

具体配置如下：
html代码模块：

 <div class="echart_img" style="position: fixed; visibility: hidden;"></div>
 <div id="map"></div>

在mounted方法里面给地图添加背景图

 mounted() {
   
   
    let mg = require("../../../../images/jsc/map.png")
    this.domImg = document.createElement('img')
    this.domImg.style.height = this.domImg.height = this.domImg.width = this.domImg.style.width = '7000px'
    this.domImg.src = mg
    document.querySelector('.main-map .echart_img').appendChild(this.domImg)
    setTimeout((</