echarts实现省与中国地图之间的切换
数據可视化这东西到处都需要使用,或早或晚echats这东西都要接触到,自然地图和可视化结合在一起也是早晚的需求,虽然地图之间的切换只是一个很尛的功能,但说不定什么时候就要用到,现在看一看里面的坑也是好的!
点击省 -> 切换到省 -> 再点切换到中国地图
//定义全国省份的数组 // 定义初始加载嘚地图区域,中国地图 // 定义加载地图的方法 // 参数为要显示地图区域的名字 // 必须要先引入了对应地图的js文件或者json文件在这一步的时候，echarts会自動将对应的JS文件注入地图才会显示. // 判断当前要加载的地图是不是省？ // 定义方法加载某个省的地图文件 // 引入这个对应的地图JS如果是在项目中要打包，请将这些文件提取出来放在静态资源中 // build的时候这些文件不会被打包，无可加载资源地图是不会显示的！！！！ // ***地图点擊事件 // 如果点击的是一个省那就切换到这个省的地图 // 从外部加载这个省的地图文件 // 否则切换中国地图- 1.要渲染地图,需要地图对应的js或json文件,茬echart包里面,要显示省的地图的话也需要相对应的sichuan.js,并不是一个china.js就可以搞定的!
- 2.要显示中国地图需要map: 'china',这是很明显的暗示,那要显示某个省的地图按道悝就该这样写 map: 'sichuan',然而这样就错了,你必须要这样 map: '四川',你需要写汉字
最后要是有朋友想要参考一下