#声明
- 单纯记录学习计算机当中所遇到的问题
- 把解决问题的方法分享给大家
- 希望大佬不要喷我这个小白
#关于echarts中使用省级地图
#需要准备的材料包
- echarts.js
- xx.js(省份地图的js文件,例如:hennan.js)
#实现步骤
- 将准备好的js文件使用外部引入到页面当中
<head> <script src="js/echarts.js"></script> <script src="js/henan.js"></script> </head>
- 创建一个盒子容器
<div id="map" style="width: 500px;height: 600px;"></div>
- 初始化echarts配置
<script> echarts.registerMap('henan', henan);//将省区地图注册 var myEcharts = echarts.init(document.getElementById("map")); var option = { series: [ { type: 'map', map: 'henan', itemStyle: { normal: { areaColor: "rgba(0,0,0,.5)", borderColor: "rgba(43, 196, 243, 1)", borderWidth: 1, label: { show: true, textStyle: { color: "white" } } }, } } ] } myEcharts.setOption(option) </script>
#上述所用到js文件已经上传了,如果需要其他文件可自寻前往下载https://gitee.com/easy-and-impossible/echarts-map_data.git