vue 高德地图 不同区域显示不同颜色_高德地图这样用成为你的图表神器

e79ffdfadcdf49593f2525a991586e8c.png

  在日常使用中,我们对高德地图的理解可能仅限于出行查看位置和打车。但是,高德地图的功能远不止于此,只需根据教程使用,它就能成为一款十分不错的数据图表工具。

像这样:

3701578e948f3a42f4c36fde13e95a60.png

这样,

1d21892d18d162b0671142b244067833.png

还有这样,

1626bc323395d9db27a70d3fdc97941a.png

话不多说,接下来介绍如何做出这些图表吧。电脑端进入这个网站https://lbs.amap.com(高德开放平台)

15151c02ac9e8454461ad1917759cb13.png

打开网站之后找到这个位置,然后点击进去,出现如下界面,按指示注册:

ed8aa7da39d4279ab2f2079fb05dbefe.png

点击『自定义地图』,就会进入到具体的操作界面,可以看到已经给出了很多款基础的模板,帮助我们创建个性化地图:

6708b30aa817c7ec2c649973321326c8.png

选择一个模板进去,在这里可以修改地图上面显示信息的颜色和内容是否显示,在需要局部某一地区地图时,可以通过色彩强化和不显示其它区域来突出所选部分:

ec534a9994ee36697cad470aba8eccff.png

还可以自己上传图片取色实现颜色搭配:

7f9045744e862b652da019302ba199b6.png

最后,直接截图或者保存导出使用就行啦。

当然,还有许多其它使用小技巧等着读者去自己探索,期待读者们发挥创意,用它创造出更有创意的图表。


cbc1e0ef4f7e71a61394b153d8763704.png

关注我们 为你推荐更多实用小工具

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值