前言：
前端开发过程中有很多需求涉及到可视化数据展示，其中地图数据展示占据了很大一部分。数据可视化地图展示不论使用现有的可视化框架EChart、Highcharts，还是现在比较火爆的WEB GL技术，或者是通过canvas自己绘制，核心都是通过经纬度将其轮廓绘制出来再进行渲染。我刚开始做类似需求的时候基本都是通过度娘去搜索，或者在对应的论坛中发帖求助，但是无论是那种方法，基本找到合适的经纬度信息都需要花费大量的时间，增加开发成本。针对上述的困惑，今天我就给大家带来一个快速获取中国省市区县经纬度的工具。
1、轨迹经纬度拾取系统功能介绍
进入轨迹经纬度拾取系统，会看到如下界面，1为搜索区域，输入对应需要获取经纬度信息的省市区名称，或者特定点的名称便可以搜索；2为地图皮肤和勾选工具配置开关；3为鼠标绘制工具，可以绘制点，圆，折线，多边形，四边形轨迹；4为轨迹展示开关；5为地图展示区域。
2、轨迹经纬度拾取系统配置功能介绍
轨迹经纬度拾取系统配置项包括地图皮肤配置，如下图展示。轨迹区域边框和填充区域颜色及透明度配置。地图皮肤提供了9中皮肤，分别是默认地图风格，清新蓝风格，黑夜风格，精简风格，自然绿风格，午夜蓝风格，浪漫粉风格，清新蓝绿风格，高端灰风格。
3、获取省市区轮廓经纬度信息
搜索框输入需要获取轮廓经纬度信息的省市区的名称，比如浙江省，按回车或者鼠标点击搜索按钮，在对应的搜索结果中选中标有行政区域的列表便可以在地图上勾勒出浙江省的轮廓。点击轨迹列表开关，在展开的列表中点击对应轨迹的详情按钮，在展开的详情弹窗中便可以看到浙江省轮廓对应的轨迹，左侧是格式化后的轨迹信息，右侧为未格式化的字符串信息，通过复制便可以直接粘贴到自己项目中使用。
4、获取交通线路（地铁、公交）轨迹信息
搜索框输入需要获取交通线路的名称，比如杭州地铁2号线，按回车或者鼠标点击搜索按钮，在对应的搜索结果中选中标有交通线路的列表便可以在地图上勾勒出杭州地铁2号线的轨迹。点击轨迹列表开关，在展开的列表中点击对应轨迹的详情按钮，在展开的详情弹窗中便可以看到浙江省轮廓对应的轨迹，左侧是格式化后的轨迹信息，右侧为未格式化的字符串信息，通过复制便可以直接粘贴到自己项目中使用。
5、获取自定义轨迹经纬度
鼠标点击选中需要自定义轨迹的类型，比如点坐标，园形轨迹，折线轨迹，多边形轨迹，四边形轨迹。本例中选择通过折线轨迹手绘出杭州地铁二号线。首选鼠标选中折线绘制工具，然后在地图上根据杭州地铁2号线的走向勾勒出轨迹，绘制万最后一个经纬度点后双击，在弹出的弹窗中输入轨迹的名称，这个名称可以随意定义，然后点击保存，余下步骤同上。
预览地址：轨迹经纬度拾取系统