[原创.数据可视化系列的二]使用cesium三维地图显示美国环球军事基地分布

     
基于浏览器的三维地图还算一个比较高冷的物,最重点的技术困难是什么样在浏览器上
多快好省
的来得三维数据,很遗憾,还确确实实没最好的之方案,只能说还有实用的方案。

   
 很悠久之前用过skyline,使用CS居多,也可以浏览器采用actviex插件显示;另外就是是arcgis
globe,我尚未盼在品种蒙因故的。后来google有一个globe,算是差之于多。

  一直顶出雷同天,看到nokia的地形图,没错,就是雅开手机的nokia,他们做的很一个here.com
的地图,能够看三维地图,使用webgl在浏览器渲染,对当时的本人吧,简直是惊为天人,流畅,效果好,百度也在用,对,就是百度,我是打不知晓,这么可怜一个合作社,每年这样多研发用,不可知自己将一个呢,去用here.com的物?难道还失去打外售了?我就hehe了;这是题外的闲话,回归正题把代码拔下来看一下,代码加密了8000大抵履的代码,这生就懵逼了;flex的为发出矣,无疾而终;另外还发生只webglearth,效果啊未极端好,现在直接修改成另外一个引擎。

  接下才是任重而道远,几年前于git上视一个色 cesium.一个开源之三维地图引擎,作者曾经写了同样本书,c#的三维地球之。后来改JS了,做出这个开源项目,一直一直发布,现在某些年了。

  这个引擎是自我时相底效益最好、功能最完整的开源之三维地图引擎了。基本上你独自设1句话,就足以显示一个三维地图了。

  下面,我们把美帝国主义在全球及国内的营地在cesium上展示,涉及到基础底图、增加要素、和因素相互的效果:

  1:初始化cesium对象:  

//初始化地图
this.viewer = new Cesium.Viewer(‘map’, {
scene3DOnly: true,
baseLayerPicker: false,
imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
url:
“http://t0.tianditu.com/img\_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles”,
layer: “tdtBasicLayer”,
style: “default”,
format: “image/jpeg”,
tileMatrixSetID: “GoogleMapsCompatible”,
show: true
}), //初始背景
animation: false,
fullscreenButton: false,
geocoder: false,
homeButton: false,
infoBox: true,
sceneModePicker: false,
selectionIndicator: false,
timeline: false,
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false

}
);

  2:在地图上加码要素:    

$.getJSON(options.url, function(result) {
$(result).each(function(i, val) {
that.viewer.entities.add(
{
parent:layer,
name: “jd”+i,
position : Cesium.Cartesian3.fromDegrees(val.lat, val.lng),
point : {
pixelSize : 10,
color : Cesium.Color.RED
},
data:val
});
});

});

3:效果如下:

   澳门新莆京23819com 1

老规矩:源代码:http://dataxiu.com/xius/www/admin/js/map3d.js

除此以外,你可以关心 arcgis
最新的webgl的三维地图;worldwind的地图webgl版本。