动用cesium三维地图突显美国五洲军事营地分布澳门新莆京23819com

     
基于浏览器的三维地图还算是一个比较高冷的东西,最根本的技巧难关是哪些在浏览器上
多快好省
的呈现三维数据,很遗憾,还确实没有太好的的方案,只好说还有实用的方案。

   
 很久以前用过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”,
澳门新莆京23819com,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版本。