echarts自定义省份地图及map上的内容

先来看效果,太原市的地图,显示市下面的区,区下面的商户,默认显示3个商户信息,其余商户信息鼠标移动上去显示商户信息:

我是怎么做的呢?因为网上找的地图都不符合需求,所以从设计开始就按非常规方法:大致就是先代码模拟出市的轮廓->截图保存,ps处理,每个区保存为一个图层->需要的区加上颜色和区名->页面中使用整张地图作为背景图->其他文字信息一律代码写上去。

第一步:

  • 由于echarts官网下载的包里只包含省份下面的市json文件,我们要的是市下面的区json文件,所以要先从网上找到对应的区json文件,放入map包里或者其他地方。

  • 然后将json文件打开,复制代码,百度json在线格式化工具,方便我们复制粘贴区名,网址:http://www.bejson.com/。也可以更简单一点,不格
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值