傻瓜式自制「GeoJSON」

当我们做地理坐标系的图表时，怎么找不到合适的底图怎么办？比如天津的底图，往往还是按照以前的行政区划，没有滨海新区；又或者我想把某个产业园区圈出来怎么办？

这就涉及到自制「GeoJSON」（一种用于编码各种地理数据结构的格式）,今天就给大家介绍一个可以自制「GeoJSON」的网站：http://geojson.io/

如图，这个网站可以创建、编辑、保存「GeoJSON」文件，可以在地图上画点、线、多边形等，左边操作的同时，右侧的 JSON 会同步变化。

此外，右侧的「Table」选项卡，点进去还可以为区域添加属性（地名）

编辑好之后，点击 Save>>GeoJSON 就可以保存（下载）

这时，就可以参照官方的「JSON 引入示例」，将自制的「GeoJSON」引入：

$.get('map/json/china.json', function (chinaJson) {
    echarts.registerMap('china', chinaJson);
    var chart = echarts.init(document.getElementById('main'));
    chart.setOption({
        series: [{
            type: 'map',
            map: 'china'
        }]
    });
});

几点注意：

1. 这种引入方式，需要在 html 的 head 里引入 jQuery；
2. html 需要放到 tomcat、IIS 之类中使用，不要直接在资源管理器、我的电脑中打开……file 协议下默认不支持 AJAX；
3. ＊.geojson 另存成 ＊.json 使用，如不行就把文件内容存入 json 中（好长时间没用，忘记了） 。