前端笔记:echart修改全国地图为某省地图

2 篇文章 0 订阅

可视化应用模板: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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值