echarts绘制地图时，提供了js内部注册，也提供了json数据手动注册，这两种均可以绘制对应地图，但有一点不一样的是，js内部只注册了中国地图和世界地图，而json数据提供了世界，中国，中国城市的数据html
手动注册：引入json数据，使用 echarts.registerMap('china', chinaJSON);就能够绘制中国地图了json
因为echarts提供的geoJSON数据过少，当咱们想绘制中国城市甚至是城市的每一个区的时候，咱们就须要自定义geoJSON数据echarts
提供geoJSON数据的网站： http://datav.aliyun.com/tools/atlas/#&lat=33.578014746143985&lng=104.23828125&zoom=3字体
该网站提供了中国省，市，县，地区的geoJSON数据，这样咱们就能够自定义绘制对应地图了网站
散点spa
绘制地图完成后，能够在上面设置散点图，根据echarts的配置进行设置3d
backgroundColor=“#ccc” // 地图的背景颜色orm
geo = { // 地图相关配置htm
map: “china” , // “china”是注册地图时使用的名称get
roam: true, // 地图是否能够缩放
itemStyle: { // 地图区域的配置
normal: {
areaColor: '#323c48', // 绘制的每个轮廓的背景颜色
borderColor: '#111'
},
emphasis: {
areaColor: '#2a333d'，// 鼠标移到区域时的背景颜色
},
}
... // 更多配置能够查看官网
};
visualMap = { // 视觉映射配置
show: true, // 颜色渐变条是否显示
color: ["", "", ""], // 渐变的颜色集合
textStyle: { // 地图上的样式，好比，字体颜色，大小
color: #fff,
},
}；
series = [{
type: "scatter" , // 类型为散点图
coordinateSystem: 'geo', // 使用该坐标系，映射到地图上
data: [[121.221, 23.43, 12]], //散点的数据
symbolSize: 5, // 散点的大小
}];
色卡
绘制地图完成后，能够在上面根据绘制的区域进行着色，根据echarts的配置进行设置
background='#ccc'; // 地图背景颜色
visualMap={
type: 'continuous', // 颜色渐变条为连续仍是分段 （continuous 或 piecewise）
min: 0, // 渐变的最小值
max: 100, // 渐变的最大值
show: true, // 是否展现渐变条
inRange: { // 渐变颜色范围
color: ['#00FA9A', '#00FF7F', '#7FFF00' ],
},
textStyle: { // 地图上的样式
color: '#fff',
};
series=[{
type: 'map'， // 类型为地图
map: 'china', // 该值为注册地图时的名称
roam: true, // 容许地图缩放
data: [{ name: '北京', value: 10 }], // 每个数据的name与注册地图的geoJSON里的name对应，否则映射不了
itemStyle: { // 地图区域的配置
normal: {
areaColor: '#323c48', // 绘制的每个轮廓的背景颜色
borderColor: '#111'
},
emphasis: {
areaColor: '#2a333d'，// 鼠标移到区域时的背景颜色
},
}];
更多配置请查看echarts官网： http://www.echartsjs.com/index.html