geoserver三维_cesium结合geoserver利用WFS服务实现图层新增(附源码下载)

部分核心代码&＃xff1a;

&＃96;&＃96;&＃96;

//绘制geojson图层样式

var geoJsonStyle &＃61; {

stroke: Cesium.Color.YELLOW,

strokeWidth: 3,

fill: Cesium.Color.YELLOW.withAlpha(0.1)

};

var geoserverUrl &＃61; &＃39;http://localhost:8080/geoserver/WebGIS&＃39;;

var image_Source &＃61; new Cesium.UrlTemplateImageryProvider({

//url: &＃39;http://mt0.google.cn/vt/lyrs&＃61;t,r&hl&＃61;zh-CN&gl&＃61;cn&x&＃61;{x}&y&＃61;{y}&z&＃61;{z}&＃39;,

//url: &＃39;https://server.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}&＃39;,

url: "http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}",

//tilingScheme : new Cesium.GeographicTilingScheme(),

credit: &＃39;&＃39;

});

var viewer &＃61; new Cesium.Viewer(&＃39;map&＃39;, {

geocoder: false,

homeButton: false,

sceneModePicker: false,

fullscreenButton: false,

vrButton: false,

baseLayerPicker: false,

infoBox: false,

selectionIndicator: false,

animation: false,

timeline: false,

shouldAnimate: true,

navigationHelpButton: false,

navigationInstructionsInitiallyVisible: false,

imageryProvider: image_Source

});

//加载geoserver wms服务

var wms &＃61; new Cesium.WebMapServiceImageryProvider({

url: geoserverUrl&＃43;&＃39;/wms&＃39;,

layers: &＃39;WebGIS:testLayer&＃39;,

parameters: {

service : &＃39;WMS&＃39;,

format: &＃39;image/png&＃39;,

transparent: true,

}

});

viewer.imageryLayers.addImageryProvider(wms);

viewer._cesiumWidget._creditContainer.style.display &＃61; "none";

viewer.scene.globe.enableLighting &＃61; false;

//viewer.scene.globe.depthTestAgainstTerrain &＃61; true;

viewer.scene.globe.showGroundAtmosphere &＃61; false;

viewer.camera.flyTo({

destination : Cesium.Cartesian3.fromDegrees(113.90271877, 22.95186415,30000.0)

});

var handler &＃61; new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);

var ellipsoid &＃61; viewer.scene.globe.ellipsoid;

handler.setInputAction(function (movement) {

//通过指定的椭球或者地图对应的坐标系&＃xff0c;将鼠标的二维坐标转换为对应椭球体三维坐标

cartesian &＃61; viewer.camera.pickEllipsoid(movement.position, ellipsoid);

if (cartesian) {

//将笛卡尔坐标转换为地理坐标

var cartographic &＃61; ellipsoid.cartesianToCartographic(cartesian);

//将弧度转为度的十进制度表示

var longitudeString &＃61; Cesium.Math.toDegrees(cartographic.longitude);

var latitudeString &＃61; Cesium.Math.toDegrees(cartographic.latitude);

var point &＃61; longitudeString &＃43; &＃39;,&＃39; &＃43; latitudeString;

queryByPoint(point,&＃39;testLayer&＃39;,callbackLastQueryWFSService);

}

}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

var drawTool &＃61; new DrawTool({

viewer: viewer,

hasEdit: false

});

//绘制矩形

$("#rect_btn").click(function(){

//clearMap()

if (!drawTool) return;

drawTool.startDraw({

type: "rectangle",

style: {

heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,

//material:Cesium.Color.WHITE

material:Cesium.Color.fromRgba(0x67ADDFFF)

},

success: function (evt) {