Echarts 三维地图

上篇介绍了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);

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值