上篇介绍了Echarts绘制地图的主要功能介绍和二维地图的初始化,本篇介绍三维地图的初始化,
这里仅展示Vue中的主要代码,其他代码参见上篇Echarts 地图概述及二维地图初始化。
1 区域地图
this.$echarts.registerMap(this.map.name, this.map.geoData);
let map = this.$echarts.init(this.$refs[this.chartId]);
let option = {
series : [
{
type : 'map3D',
map : this.map.name
}
]
};
map.setOption(option, true);
2 地理坐标地图
this.$echarts.registerMap(this.map.name, this.map.geoData);
let map = this.$echarts.init(this.$refs[this.chartId]);
let option = {
geo3D : {
map : this.map.name
}
};
map.setOption(option, true);