SuperMapiClient3DforWebGL加载iServer转发ArcGISREST服务的WMS并获取属性与别名

作者&＃xff1a;kk

步骤&＃xff1a;快速创建服务->ArcGIS REST地图服务->输入ArcGIS REST地图服务地址eg&＃xff1a;http://ip:6080/arcgis/rest/services/WMS/MapServer

能力文档&＃xff1a;

var wms &＃61; new Cesium.WebMapServiceImageryProvider({url : &＃39;http://ip:8090/iserver/services/map-arcgis-WMS/wms111/%E5%9B%BE%E5%B1%82&＃39;,layers : &＃39;0&＃39;,parameters:{srs:"EPSG:0",format:"image/png",transparent:true},getFeatureInfoParameters:{info_format:&＃39;text/html&＃39;,query_layers:[&＃39;0.0&＃39;],srs:"EPSG:0"},enablePickFeatures:true,tilingScheme:new Cesium.WebMercatorTilingScheme({projection:new Cesium.GeographicProjection(),})})var layer &＃61; viewer.imageryLayers.addImageryProvider(wms);


注&＃xff1a;这里的参数都是从wms能力文档里面获取的&＃xff0c;小编的应用场景是平面场景&＃xff0c;且加载的是高斯投影坐标系的数据&＃xff0c;因此tilingScheme需要设置为WebMercatorTilingScheme&＃xff08;代表平面场景&＃xff09;&＃xff0c;projection设置为GeographicProjection&＃xff08;代表非墨卡托拉伸&＃xff09;,其他的参数可以看一下帮助文档里面的释义&＃xff1a;http://support.supermap.com.cn:8090/webgl/web/apis/3dwebgl.html
加载效果&＃xff1a;

var handler &＃61; new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);//设置鼠标左键单击回调事件handler.setInputAction(function (movement) {var ray &＃61; viewer.camera.getPickRay(movement.position);var cartesian &＃61; viewer.scene.globe.pick(ray, viewer.scene);if (cartesian) {var cartographic &＃61; Cesium.Cartographic.fromCartesian(cartesian);if (cartographic) {var xy &＃61; new Cesium.Cartesian2();var alti &＃61; viewer.camera.positionCartographic.height;var level &＃61; getLevel(alti);if (wms.ready) {xy &＃61; wms.tilingScheme.positionToTileXY(cartographic, level, xy);var promise &＃61; wms.pickFeatures(xy.x, xy.y, level, cartographic.longitude, cartographic.latitude);Cesium.when(promise, function (data) {console.log(data[0].data.children[0].getElementsByTagName("fields")[0])var fields&＃61;data[0].data.children[0].getElementsByTagName("fields")[0];var fieldAliases&＃61;data[0].data.children[0].getElementsByTagName("fieldAliases")[0];//获取属性console.log("fields-----------------------------------------------------------------------------------")for(var i&＃61;0;i<fields.attributes.length;i&＃43;&＃43;){console.log(fields.attributes[i].name,&＃39;————————&＃39;,fields.attributes[i].value)}//获取别名console.log("fieldAliases-----------------------------------------------------------------------------------")for(var i&＃61;0;i<fieldAliases.attributes.length;i&＃43;&＃43;){console.log(fieldAliases.attributes[i].name,&＃39;————————&＃39;,fieldAliases.attributes[i].value)}});}}}}, Cesium.ScreenSpaceEventType.LEFT_CLICK);


输出结果&＃xff1a;