需求是要在页面中引用一个辽宁省的省份地图,但我翻了下ECharts官网发现并没有具体到中国某个省份的地图,猜测应该是被ECharts官方下架了,然后我就上网搜,发现好多人说node_modules里面下载ECharts的包的时候带了各个中国省份的地图js,翻了一下发现真的有
这样的话那我就直接引用就好啦
先在要用的组件里面引入js
import * as echarts from 'echarts'
import 'echarts/map/js/province/liaoning.js'
然后给DOM绑定一个ref用来渲染地图
<div ref="chart" style="width: 100%; height: 100%"></div>
下面是用来渲染的js,我写到了一个函数里,在生命周期 mounted 的时候调用一下
// 地图
lnsdtFun () {
// 初始化Echarts实例
const chart = echarts.init(this.$refs.chart)
// 绘制辽宁省地图
chart.setOption({
series: [
{
type: 'map',
map: '辽宁', // 辽宁省地图的名称
label: {
show: false
}
}
]
})
}
看下成果,红框框里的就是啦