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);

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章