可视化应用模板:https://github.com/yyhsong/iDataV
该项目可视化案例中case09的全国地图:
将其修改为某省(以河南省为例)地图,步骤如下:
1. 在https://github.com/apache/incubator-echarts/tree/master/map/js/province下载henan.js文件,并在index.html页面中引用
2. 将以下代码原本 map: 'china' 改为 map: '河南'
...
geo: {
map: "河南",
roam: true, //开启鼠标缩放和漫游
zoom: 1, //地图缩放级别
selectedMode: "single",
top: 10,
bottom: 10,
layoutCenter: ["50%", "50%"],
//layoutSize: "100%", //保持地图宽高比
label: {
show: true,
fontSize: 10,
color: "#ceac09"
}
},
...
3. 修改data目录下的region-count.json文件,为河南省城市目录,文件部分内容举例如下:
[
{
"region": "安阳市",
"sh_count": 46,
"sz_count": 57,
"count": 103
},
{
"region": "鹤壁市",
"sh_count": 16,
"sz_count": 10,
"count": 26
},
...
]
修改后河南省地图显示如下:
参考链接:https://blog.csdn.net/wyq188945/article/details/99694495