项目源码附js/json地图数据(下载项目源码后请使用Npm install 来安装相关依赖)
效果
使用前请使用npm(cnpm)安装echarts,详情见官网。
本文作为笔记demo只引入5个省(市),根据需求可以引入更多。
main.js
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
Vue.config.productionTip = false
import '../node_modules/echarts/map/js/province/beijing.js' // 引入北京地图数据
import '../node_modules/echarts/map/js/province/fujian.js' // 引入福建地图数据
import '../node_modules/echarts/map/js/province/anhui.js' // 引入安徽地图数据
import '../node_modules/echarts/map/js/province/xinjiang.js' // 引入新疆地图数据
import '../node_modules/echarts/map/js/province/xizang.js' // 引入西藏地图数据
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: ''
})
App.vue:
vue 引入json地图_使用vue+echarts快速进行全国地图与各省市地图联动(下钻地图) 引入省份js文件...