echar_china_cities_pypkg中含有每个市的js文件,为什么画地图只有南海诸岛

可能是没有安装好以下程序。

检查是否安装了地图需要的这几仿纤源个包：echarts-countries-pypkg/echarts-china-provinces-pypkg/echarts-china-cities-pypkgecharts-china-counties-pypkg/echarts-china-misc-pypkg/echarts-united-kingdom-pypkg检查已经安装了，最后查知是因为eharts3 不再内置地图文件尴竖晌尬，因此需要我们手动引入官网的js或者json文件，显示中国备态地图需要china.js文件。

echarts3加载手渗镇map的方式和2不一样了，你必须得先注册地图才行，

“`js$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’

, data) var chart = echarts.init(document.getElementById(‘map’)) chart.setOp

tion({ series: [{ type: ‘map’, map: ‘china’ }] }) })“`

类似这样,你需要下载中国的地理矢量数据geojson

echarts3与echarts2区别：

1、js文件：

首先是js文件，echarts3做了很大的优化，在echarts2中，对各种控件的类库管理的较为详

细，有专门的目录结构来存放相关喊没的js文件及相关资源，但是在引入文件的时候往往会很不

方便，可能会一不小心就漏掉一个文件，而echarts3可以根据需要在下载项下直接根据所需

的功能构架类库，使用时只要导入一个echarts.min.js文件就可以；

2、文件导入：

在echarts2中，require是作为模块化加载的入口，在使用过程中关于路径配置经常会出现

问题，特别是制作地图的时候，而在echarts3中只需要在开头加一句[html] view plain copy

<script src="js/echarts.js"></script>  接下去只要调用接口就可以了；

3、离线地图：

echarts2中离线地图的精确度存在很大的问题，特别是下钻到区县一级，边界线存在

模糊、交叉、空白等问题，并且经常出现飞地，与实际地图出入较大，个人认为基本没

什么用，在echarts3中对此做了很大的改进，基本解决了以上问题，市与市之间、区县

与区县之间基本上不存在衔接问题；另外，在echarts3中可以根据需要自主构建地图，

这个服务给实毕粗际使用提供了很大的便利；

4、工具栏：

在echarts3的toolbox里面把辅助线功能取消掉了，图标变小了，总体上感觉echarts3

里面的toolbox更丑了；

5、地图漫游工具：

在echarts3里面把地图漫游工具取消掉了，说实话，echarts2里面的地图漫游工具看着

还是挺不错的，虽然并没有什么用；

6、坐标系:

echarts3中，数据结构进行了统一化抽象，最常用的数据结构有：线性表、树、图。例

如，线性表以及树、图的节点列表的结构可以归一化为这样的二维数组；echarts3中另

一个重要的数据结构抽象是独立出了“坐标系”概念；事实上在 ECharts2 中已经有

grid、polar配置项存在，但是并不是按一个“坐标系”的理解去实现的；echarts3中，

支持了直角坐标系（catesian，兼容 echarts2中的grid）、极坐标系（polar）、地理

坐标系（geo）；

7、Option变动：

1）组件位置想x、y等变成了left、top,可以使用像素和百分比，适应性更强。

2）为了让结构更合理，echarts3中label被移出来和itemStyle平级。

根据官方说法，在echarts3中以前的用法也是兼容的，只是不推荐。

参考资料

echarts3与echarts2区别.CSDN[引用时间2018-1-22]

这里介绍一种简单的方法—echarts，一个前端网页可视化库，可以快速绘制漂亮、简洁的中国地图，下面我简单介绍一下实现过程，主要内容如下：

1.首先，下载echarts.min.js，这个直接到ecahrts官网下载就行，如下，也就不到750k，很快就能下载成功：

2.接着，下载china.js，因为绘制的是中国地图，所以必须要单独下载这个js文件，这个可以直接到网上搜一下，很多，GitHub也有，大概60k左右，直接点击下载就行，如下：

3.最后就是在html网页中编码实现绘制中国地图了，主要步骤及截图如下：

首先，我们创建雹尺一个歼袭html文件，在head标签中依次引入echarts.js和china.js文件，在body标签中创建一个div容器，用于放置绘制的地图，代码如下：

接着，我们需要js随机生成一些测试数据，用于在绘制地图时，根据数值显示不同颜色的地区，代码如下，这里放在body标签里就行：

然后，就是绘制地图，配置相关数据和属性，这里可以根据自己需要，自行设置相关参数和选项，如下，很简单（可以参考echarts官网资料进行配置）：

最后，保存html文件，用浏览器打开这个文件，绘制的中国地图效果如下，很不错吧：

至此，我们就完成了在html中绘制中国地图。总的来说，整个过程很简单，不难，借助echarts我们可以快速绘制地图，只要你有一氏肆兄定的前端基础，会简单的html，js，css，熟悉一下相关示例和代码，很快就能掌握的，当然，你也可以使用其他框架来绘制中国地图，像g2,d3等，都可以，网上也有相关教程和资料，感兴趣的可以搜一下，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。

---