echarts地图api series_EChart

在工作中有时会用到echarts图表，经常踩坑，今天就总结一下，方便自己以后查看，同时也分享给大家，避免大家出错。在使用Echarts显示柱状图时，首先得问题就是配置Echarts的js问题，这里注意的是在进行配置的时候，要注意Echa...

1.地图绘制过程原理

给定范围边界经纬度数据，再给它个名字就构成了绘制地图的基础。也就是说，你可以绘制任意形状的地图版块。

2.地图数据生成

中国以及省市县等地图的基础数据可以从这里生成与下载。

http://datav.aliyun.com/tools/atlas

有了地图范围数据，在 echarts 中通过 registerMap 给这块注册个名字，即可为后续绘制使用，以下代码以最简形式绘制一幅中国地图。

$.getJSON('https://geo.datav.aliyun.com/areas/bound/100000_full.json', function (data) {

var name = "中国地图";

// 注册一个地图名称

echarts.registerMap(name, data);

var myChart = echarts.init(document.getElementById('map'));

var mapOption = {

series: [

{

type: 'map', // 指明地图类型

map: name, // 指明取的名称<