美文网首页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