最终效果图:
- 精确到区的可以先去获取区级的轮廓图:
阿里云
右侧有JSON文件,复制进项目即可。 - 需要精确到乡镇、街道,获取对应的街道轮廓KML:
北斗
目前没发现批量下载的方法,几个街道就下载几次,收集好下载的所有kml
- 目前准备工作做完了,需要拼接所有信息,获得最终JSON文件:
GeoJson
这里注意一下,目前这个站点不知道是不是地域屏蔽了,第一需要梯子,第二需要梯子选择美国站点才能顺利进去。 - echarts引入JSON,但是区级JSON引入项目报错,目前版本是5.4.0,
Uncaught Error:Invalid geoJson format Cannot read property ‘length‘ of undefind
可以看出来是echarts自己本身解析的问题,没能解析出来“GeometryCollection”
需要在node_modules中把echarts文件改了,路径是
node_modules\echarts\lib\coord\geo\parseGeoJson.js
找到parseGeoJSON函数,直接无脑复制粘贴:
export default function parseGeoJSON(geoJson, nameProperty) {
geoJson = decode(geoJson);
return zrUtil.map(zrUtil.filter(geoJson.features, function (featureObj) {
if (featureObj.geometry.geometries) {
let geometry =