geoserver 发布影像数据_cesium 结合 geoserver 实现地图属性查询(附源码下载)

最新推荐文章于 2024-07-24 15:08:39 发布

weixin_39681621

最新推荐文章于 2024-07-24 15:08:39 发布

阅读量590

点赞数

文章标签： geoserver 发布影像数据

本文链接：https://blog.csdn.net/weixin_39681621/article/details/111644436

版权

本文介绍了如何使用geoserver发布影像数据，并结合cesium实现地图属性查询功能。提供了操作截图及源码下载链接，帮助读者理解和实践。

摘要由CSDN通过智能技术生成

前言

cesium 官网的api文档介绍地址cesium官网api，里面详细的介绍 cesium 各个类的介绍，还有就是在线例子：cesium 官网在线例子，这个也是学习 cesium 的好素材。

内容概览

1.cesium 结合 geoserver 实现地图属性查询
2.源代码 demo 下载

效果图如下：

实现思路：首先利用 geoserver 发布的图斑 WFS 服务，通过 url 的 rest 请求，构造属性查询形式，获取 geojson 数据源；然后调用cesium api 的 Cesium.GeoJsonDataSource.load 加载 geojson 数据源渲染展示；最后监听地图点击事件，获取矢量数据的属性，显示在右上角的信息窗口。

地图初始化创建：

 var viewer = new Cesium.Viewer('map', { 
 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 
    });

界面的查询按钮点击：

  $("#research_btn").click(function(){ 
 var keyword = $("#textName").val(); 
 //queryByProperty('201911_440114_0093','map_num','bs_spot_t',callbackLastQueryWFSService); 
      queryByProperty(keyword,'map_num','bs_spot_t',callbackLastQueryWFSService); 
  });

属性查询函数：

 var geoserverUrl = 'http://localhost:8080/geoserver/ZKYGIS'; 
 /*属性查询图层 
   *@method queryByProperty 
   *@param propertyValue 属性值 
   *@param propertyName 属性名称 
   *@param typeName 图层名称 
   *@return null 
   */ 
 function queryByProperty(propertyValue, propertyName, typeName, callback){ 
 var filter = 
 '<Filter xmlns="http://www.opengis.net/ogc" xmlns:gml="http://www.opengis.net/gml">'; 
    filter += '<PropertyIsLike wildCard="*" singleChar="#" escapeChar="!">'; 
    filter += '<PropertyName>' + propertyName + '</PropertyName>'; 
    filter += '<Literal>*'+propertyValue+'*</Literal>'; 
    filter += '</PropertyIsLike>'; 
    filter += '</Filter>'; 
 var urlString = geoserverUrl + '/ows';
……

更多详情以及源码见下面链接：

cesium 结合 geoserver 实现地图属性查询(附源码下载) －小专栏xiaozhuanlan.com