最近在用AngularJS+ECharts作图表,要用到镇街一级的当地地图,无奈ECharts只能提供到市一级(demo里有一个能显示到县/区一级,here),故要用到ECharts的扩展地图功能。 html
扩展方法官方doc说得很明白了,here; shell
PS:官方doc里只提供了jQuery的写法,我这里补充一个angularJS的写法: json
jQuery(官网写法): echarts
$.getJSON('geoJson/USA_geo.json', callback);
$http.get('geoJson/USA_geo.json', function(data){ callback(data);// 其实就是把获取到的geoJSON传入callback函数 });
但我手头上只有shp的地图格式,而ECharts要用到geoJSON格式。百度google一番后,大体有以下两种方法: 函数
一、用工具转换,例如GDAL的ogr2ogr,下载地址:here; 工具
二、在线转换,地址以下: 网站
先说一下背景: google
个人shp文件的地理坐标是GCS_WGS1984,投影坐标系是WGS_1984_UTM_Zone_49N(Transverse_Mercator)。 编码
ogr2ogr: spa
完整命令以下(Mac版,其余版本估计差别不大):
/Library/Frameworks/GDAL.framework/Programs/ogr2ogr -f "geoJSON" -t_srs "WGS84" -s_srs "+proj=utm +zone=49 +datum=WGS84 +units=m +no_defs" "area.json" "area.shp"
重点是-s_srs的参数;
ogre.adc4gis.com:
一、按网站上的说明,把.shp,.dbf,.shx,.prj(可选)打包成zip;
二、在Convert to GeoJSON框里选择刚才打包的zip包;
三、在Target SRS里输入“WGS84”(关键步骤);
四、点击“CONVERT TO GEOJSON”按钮,而后就会生成相应的geoJSON;
converter.mygeodata.eu
一、同上,将shp、dbf等打包成zip包并上传提交;
二、上传成功后,理论上能在地图里预览你的shp文件对应的区域;
三、在Target vector format选项框里,选择GeoJSON(.json);
四、在Output coordinate system选项框里,选择WGS 84(关键步骤);
五、点击Convert now!;
adc4gis功能比较基本,mygeodata功能比较丰富(支持Vecotr data的编辑),你们各取所需吧。
不知道是否是编码方式没选对,我在两个网站转换出来的geoJSON中的中文都是乱码,不过个人字段也很少,手动改也不是很麻烦(但后来用ogr2ogr转换出来的就没问题)。
其实这三种方法的关键一步都是要把输出的坐标系统设置为WGS 84,其余都比较好理解。
最后:
因为本人对GIS不是很熟悉,光是google以上东西这些就花了我半天的时间了,在这里mark一下,但愿有须要的人能少走弯路,毕竟大部分都不须要研究GIS,而只是单纯的想要个geoJSON文件而已(新版本的arcGIS的arcToolbox好像有转换成geoJSON的工具)。