为什么是空地图?

以斐济地图为例子,我们看到的地图是空的。

where is fiji

那先看看地图是不是空的。我们先把js解压成geojson,

decompress echarts-countries-js/Fiji.js Fiji.geojson

然后,打开geojson.io

geojson.io

上传Fiji.geojson,查看一下,

fiji

地图上有斐济,那么是什么问题呢?试试用鼠标移动画布,能看到什么吗?

where is fiji

能猜到吗?地图存在,是地图的中心问题。哪怎么办呢?先在gejson.io上找斐济的中心,

where is fiji

然后,geojson.io会告诉你中心的坐标,

where is fiji

再在 echarts 里用center参数。

斐济: { center: [178.47489094528436, -17.82254817978705]}

最后,地图还是小?哪用zoom参数调大地图就好了。