bwin56必赢手机版[原创.数据可视化系列之二]使用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:效果如下:

   bwin56必赢手机版 1

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

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

admin

网站地图xml地图