echarts引入地图

最新推荐文章于 2024-07-27 22:34:02 发布

square_tiny

最新推荐文章于 2024-07-27 22:34:02 发布

阅读量3.6k

点赞数

分类专栏： echarts 文章标签： echarts

本文链接：https://blog.csdn.net/weixin_37893728/article/details/81987447

版权

echarts 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

由于“ECharts 之前提供下载的矢量地图数据来自第三方，由于部分数据不符合国家《测绘法》规定，目前暂时停止下载服务。”

实际上在./node_modules/echarts/map目录下仍然能找到对应的地图文件

import china from 'echarts/map/js/china'

let mapChina = this.$echarts.init(document.getElementById('mapChina'))
            // 绘制图表
            mapChina.setOption({tooltip: {
                    trigger: 'item'
                },
                geo: {
                    map: 'china',//一定要用字符串
                    roam: true,
                    itemStyle: {
                        normal: {
                            areaColor: '#2b3132',
                            borderColor: '#191a1b'
                        },
                        emphasis: {
                            areaColor: '#000'
                        }
                    }
                },
                series: bj_map_series
            });