ECharts地图应用图片定位

最新推荐文章于 2025-03-06 13:23:20 发布

轻风吹斜阳

最新推荐文章于 2025-03-06 13:23:20 发布

阅读量3.3k

点赞数

本文链接：https://blog.csdn.net/www93111/article/details/54291928

版权

本文介绍如何使用ECharts库，在地图上精确地定位并显示图像，适用于地理信息展示和数据分析。通过设置ECharts的geo坐标系和image组件，可以实现地图上的图像定位和缩放效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function CityMaptwo(){
        var qmyChartCity = echarts.init(document.getElementById('boxMap'));
               // 签约城市
                var qciytData = [
                     {name: '海门', value: 0},
                     {name: '鄂尔多斯', value: 0},
                     {name: '招远', value: 0},
                     {name: '舟山', value: 0},
                     {name: '齐齐哈尔', value: 0},
                     {name: '盐城', value: 0},
                     {name: '赤峰', value: 0},
                     {name: '沧州', value: 0},
                     {name: '大庆', value: 9},
                     {name: '莱芜', value: 10},
                     {name: '常德', value: 11},
                     {name: '保定', value: 12},
                     {name: '湘潭', value: 13},
                     {name: '金华', value: 14},
                     {name: '长沙', value: 16},
                     {name: '衢州', value: 17},
                     {name: '廊坊', value: 18},
                     {name: '菏泽', value: 19},
                     {name: '合肥', value: 20},
                     {name: '武汉', value: 21},
                     {name: '广州', value: 38},
                     {name: '延安', value: 38},
                     {name: '太原', value: 39},
                     {name: '清远', value: 39},
                     {name: '中山', value: 39},
                     {name: '昆明', value: 39},
               ];

最低0.47元/天解锁文章