在vue引入地图js,例如shandong.js 在页面中引入 (echart 是install 进去的)
第一列是 import echarts form 'echarts'
第2列 引入china.js import ‘../xx/shandong.js’

页面渲染会报错Echarts is no find
怎么解决呢不要用china.js 在网上下载echart Json 库
在 assets下新建一个js 把 shandong.json 的文件复制到js中 找个变量接收 生成一个入口


。。。。。。。。。。
在最后做个export default shandong

在页面 引入坐标

引入数值

这些和平常HTML写没有区别
echarts.registerMap("山东", shandong); 这个是最关键的一步

作品展示

网友评论