描述示例代码

数据源基于iserver发布的三维场景(地形、影像、BIM模型)

在线arcgis影像

user-scalablenotitle模型交互示例/titlelink

href../../Build/Cesium/Widgets/widgets.css

relstylesheetlink

src./js/jquery.min.js/scriptscript

src./js/bootstrap.min.js/scriptscript

src./js/bootstrap-select.min.js/scriptscript

src./js/bootstrap-treeview.js/scriptscript

src./js/spectrum.js/scriptscript

typetext/javascript

src../../Build/Cesium/Cesium.js/script/headbodydiv

idtool-menu

stylebottom:0;left:82%;display:none;

div

darkgrey;padding:5px/span/divdiv

styleoverflow-y:scroll;height:150px

idtab/table/div/div

Cesium.Viewer(cesiumContainer);var

scene

场景光照scene.lightSource.ambientLightColor

new

viewer.imageryLayers.addImageryProvider(new

Cesium.ArcGisMapServerImageryProvider({url:

https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer}),

arcgis-L17,

document.getElementById(bubble);viewer.customInfobox

infoboxContainer;//

scene.open(isever服务地址/iserver/services/3D-publish-workspace/rest/realspace);Cesium.when(promise,

function(layers)

来填充此设置//scene.camera.setView({//

destination

Cesium.Cartesian3(-2180753.065987198,4379023.266141494,4092583.575045952),//

orientation

通过NodeChecked状态设置子图层的显示与隐藏的切换onNodeChecked:

function(evt,

{loadedLayers[i].source.visible

true;}}return;}

loadedLayers[i].source;}}return;}

else

{loadedLayers[i].source.visible

false;}

Cesium.EllipsoidTerrainProvider({});

空地形}

range(loadedLayers[i].nodes[j].source.startID,

loadedLayers[i].nodes[j].source.endID);break;}}}if

(opLayerIndex

设置子图层id对应的内容显隐loadedLayers[opLayerIndex].source.setOnlyObjsVisible(ids,false);}

else

(loadedLayers[opLayerIndex].type

model)

模型图层loadedLayers[opLayerIndex].source.visible

false;}

(loadedLayers[opLayerIndex].type

terrain)

Cesium.EllipsoidTerrainProvider({});

空地形}

影像图层loadedLayers[opLayerIndex].source.show

function(evt,

range(loadedLayers[i].nodes[j].source.startID,

loadedLayers[i].nodes[j].source.endID);break;}}}if

(ids.length

{loadedLayers[opLayerIndex].source.releaseSelection();loadedLayers[opLayerIndex].source.setSelection(ids);}

else

{loadedLayers[opLayerIndex].source.removeAllObjsColor();}}});//

树形分成三类子节点://

设置图层挂载的数据layer.setQueryParameter({url:

isever服务地址/services/data-publish-workspace/rest/data,dataSourceName:

true});//

decodeURI(layer.name)loadedLayers.push({name:

layer.name,

decodeURIComponent(layer.imageryProvider.tablename),

checked:

decodeURIComponent(layer.tablename),

showDel:

更新在线影像图层onlineImageries.forEach((online,

index)

添加到界面管理图层数组loadedLayers.push({name:

online.name,

添加到树形的隐藏显示$(document).on(click.dropDown-container

touchstart.dropDown-container,[data-toggledropdown],function(evt){evt.stopPropagation();var

target

evt.target;if(!target.contains(evt.currentTarget)

target.tagName

$this.children(div.dropDown-container);if($target.length

0){$(.dropDown-container).removeClass(dropDown-visible);return

;}isActive

$target.hasClass(dropDown-visible);$(.dropDown-container).removeClass(dropDown-visible);if(!isActive){$target.addClass(dropDown-visible);}return

false;});var

px;$(#treeContainer).css({height

height,min-width

true;onload(Cesium);}/script/body

/html