美文网首页echats百度图表
echarts地图--迁徙图之城市坐标

echarts地图--迁徙图之城市坐标

作者: 恬雅过客 | 来源:发表于2019-10-21 14:50 被阅读0次

问题背景

迁徙图的地图报表,很多人估计都用过。这里面用到了城市坐标,可能你会说,这些肯定让后端提供呀,你就别操心了。我想说,有些时候因为一些客观因素,就是需要前端处理。闲话少扯,大致就是这样一个场景:需要做个迁徙图效果,城市级别不定,上到省份,下到区县级别。大致效果如下图:


迁徙图.png

解决思路和方法

思路:首先获取全国城市坐标,然后存下来(存前端还是后端数据库,自行和后端商量)。
所以关键就在怎么全而准确的获取全国城市坐标了。
方法有很多:

  • 你可以直接去下载三方的,或别人弄好的。建议你自己验证核实一下信息准确性。
  • 自己去扫描,存下来。

我说一下我的做法:

  1. 我去中华人民共和国民政部里,找到了全国城市名(里面包含有行政区划代码)。
  2. 复制存在txt文件里,让后端给我转成json格式的(code,name)。
  3. 用ajax把json数据读出来,我再用百度地图API的批量地址解析解析出来,输出在网页上,然后复制存到txt,再让后端帮我转成json格式就行(当然,要是打算存数据库就不用转了,直接存数据库就行)。

ps:本来打算上传到csdn供大家使用,可能涉及到侵权问题吧,审核美国,就在此记录下来思路。从省到市有3000多条数据,不方便以代码形式贴上来。我放百度网盘了,有需要的可以去下载,链接:https://pan.baidu.com/s/1NDwYw_0-bCy7Ot96a1GGKw&shfl=sharepset
提取码:p5e8

参考

相关文章

网友评论

    本文标题:echarts地图--迁徙图之城市坐标

    本文链接:https://www.haomeiwen.com/subject/oinmmctx.html