echarts3D地球

引入文件

index.html文件

echarts.js文件

var myChart = echarts.init(document.getElementById('earth'));
$.getJSON('earth/flights.json', function(data) {

var pointsData = [];
data.routes.forEach(function(airline) {
pointsData.push(getAirportCoord(airline[1]));
pointsData.push(getAirportCoord(airline[2]));
});

var series = data.airlines.map(function(airline) {
var airlineName = airline[0];
var routes = routesGroupByAirline[airlineName];

if(!routes) {
return null;
}
return {
type: 'lines3D',
name: airlineName,

effect: {
show: true,
trailWidth: 2,
trailLength: 0.15,
trailOpacity: 1,
trailColor: 'rgb(30, 30, 60)'
},

lineStyle: {
width: 1,
color: 'rgb(50, 50, 150)',
// color: 'rgb(118, 233, 241)',
opacity: 0.1
},
blendMode: 'lighter',

data: routes.map(function(item) {
return [airports[item[1]].coord, airports[item[2]].coord];
})
};
}).filter(function(series) {
return !!series;
});

myChart.setOption({
backgroundColor: 'none',
globe: {
baseTexture: 'img/world.topo.bathy.2004011.jpg',
heightTexture: 'img/bathymetry_bw_composite_4k.jpg',
shading: 'lambert',

//控制地球大小
viewControl: {
alpha: 10,
beta: 160,
// targetCoord: [116.46, 39.92],
autoRotate: true,
autoRotateAfterStill: 10,
distance: 200
},
light: {
ambient: {
intensity: 0.4
},
main: {
intensity: 0.4
}
},

series: {
type: 'lines3D',

coordinateSystem: 'globe',

blendMode: 'lighter',

lineStyle: {
width: 1,
color: 'rgb(255, 81, 97)',
opacity: 0.1
},

data: routes
}
});
});

flights.json太大了，去echarts官网发请求的时候拷下来

js所用的背景图baseTexture: 'img/world.topo.bathy.2004011.jpg',

效果图

echarts3D地球相关推荐

梦想的地方！地球上最值得去的20个地方【组图】
如果你是一个热爱大自然的人你肯定会喜欢这个集合.地球上有太多的地方和风景值得我们这辈子至少要去看一次.大多数自然摄影师喜欢没有人出现在他们的照片中,他们想获得纯净.完美的风景,没有人类的影响.这篇文章 ...
googleearthpro打开没有地球_人在月球上睡24小时，相当于地球多少年？科学家的回答出乎意料...
亲,阅读本文前,请您先点击上面"关注",这样您就可以继续免费收到每天分享的精彩文章了,好文章我们齐分享,星星之火可以燎原,您的支持是我们最大的动力!谢谢从许多古时候的一些故事和传 ...
人工智能对地球环境科学的推进
一项德国耶拿[1]和汉堡[2]科学家在<自然>杂志发起的研究表明,人工智能可以有效地推进我们对于地球气候系统的理解.特别是在当前深度学习的潜力还未被完全开发的情况下.在人工智能的帮助下一些 ...
90行Python代码，让张小龙的微信地球转起来
作者 | xiaorang 来源 | 数据分析与统计学之美 1.微信地球手机重启后打开微信的一瞬间,会看到一幅有名的图片,上面站着一个张小龙. 你可曾想过这样一个问题,如果上面那个地球转起来会是怎样 ...
程序员如何用“撞针“拯救35亿地球人？
春节假期即将结束,有多少程序员朋友已经离开家乡在返回北上广深等工作所在城市的路上?有多少程序员已经开工大吉开始了新一年的代码征程?回首这一个春节,8 部电影在大年初一齐上线,<流浪地球>在 ...
cesium 渲染分析（以太阳为例），实现卫星任务规划中地球赤道平面绘制
分析太阳的绘制,对绘制赤道和其它天体有很大的启发. 太阳的定义在文件sun.js 中 function Sun() {/*** Determines if the sun will be shown. ...
Microbiome：地球上有多大比例的原核生物已经被测序了基因组？
Microbiome:地球上有多大比例的原核生物已经被测序了基因组? Estimate of the sequenced proportion of the global prokaryotic ge ...
Microbiome：首个地球微生物“社会关系”网络在浙大绘制！
单个微生物看不见.摸不着,但却无时不在.无处不在.但微生物的功能绝非"分解者"这么简单,影响到温室气体的.绿色生产的.人体健康的方方面面,其群落组成和功能具有极高的复杂性. 如何更 ...
Nature综述：地球上细菌和古菌的生物被膜丰度
NRM:地球上细菌和古菌的生物被膜丰度 Bacteria and archaea on Earth and their abundance in biofilms 分析类综述, 2019-02-13 ...
Nature综述：地球上细菌和古菌的生物膜丰度
NRM: 地球上细菌和古菌的生物膜丰度 Bacteria and archaea on Earth and their abundance in biofilms 分析类综述, 2019-02-13 ...

echarts3D地球

echarts3D地球相关推荐

最新文章

热门文章