SuperMap iClient3D for WebGL查询地图栅格值

文章目录


前言

栅(shān)格数据就是将空间分割成有规律的网格,每一个网格称为一个单元,并在各单元上赋予相应的属性值来表示实体的一种数据形式。每一个单元(像素)的位置由它的行列号定义,所表示的实体位置隐含在栅格行列位置中,数据组织中的每个数据表示地物或现象的非几何属性或指向其属性的指针。一个优秀的压缩数据编码方案是:在最大限度减少计算机运算时间的基点上进行最大幅度的压缩。那么如何在SuperMap iClient3D for WebGL查询到地图的栅格值呢?下面让我们来看一下具体步骤。


一、生成栅格瓦片

1、在SuperMap iDesktopX11i中将栅格数据集添加到地图中

2、地图生成栅格瓦片

二、使用iServer发布服务

1.发布REST地图服务

2.将栅格数据集发布为数据服务

三、SuperMap iClient3D for WebGL查询地图栅格值

1、加载地图服务

javascript 复制代码
//添加SuperMap iServer发布的影像服务
    var layer = viewer.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({
        url : 'http://localhost:8090/iserver/services/map-ugcv5-DEMdemZhaGeWaPian/rest/maps/DEM%40dem%E6%A0%85%E6%A0%BC%E7%93%A6%E7%89%87'
    }));
    
    viewer.flyTo(layer)

2、注册左键点击事件

javascript 复制代码
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);

        //设置鼠标左键单击回调事件
        handler.setInputAction(function (e) {
            //首先移除之前添加的点
            viewer.entities.removeAll();
            //获取点击位置笛卡尔坐标
            var position = scene.pickPosition(e.position);

            //将笛卡尔坐标转化为经纬度坐标
            var cartographic = Cesium.Cartographic.fromCartesian(position);
            var longitude = Cesium.Math.toDegrees(cartographic.longitude);
            var latitude = Cesium.Math.toDegrees(cartographic.latitude);
            var height = cartographic.height;

        }, Cesium.ScreenSpaceEventType.LEFT_CLICK);

3、查询栅格值

javascript 复制代码
$.ajax({
                type: "get",
                url: "http://localhost:8090/iserver/services/data-shange/rest/data/datasources/shange/datasets/DEM/gridValue.rjson?x="+longitude+"&y="+latitude,
                success: function (result) {
                    var resultObj = JSON.parse(result);
                    alert("栅格值为:"+resultObj.value);
                },
                error: function (msg) {
                    console.log(msg);
                },
            })

注意:当前接口返回的栅格值为整型

相关推荐
FileLink跨网文件交换7 分钟前
跨网文件交换?内外网文件交换十大方法构建安全合规的数据传输通道
运维·服务器·网络
️️(^~^)11 分钟前
静态路由综合配置实验报告
服务器·网络·计算机网络·智能路由器
心前阳光2 小时前
Unity WebGL文本输入
unity·游戏引擎·webgl
ykjhr_3d2 小时前
3D 演示动画在汽车培训与教育领域中的应用
3d·汽车
执笔诉情殇〆3 小时前
前后端分离(java) 和 Nginx在服务器上的完整部署方案(redis、minio)
java·服务器·redis·nginx·minio
宇钶宇夕4 小时前
S7-1200 系列 PLC 中 SCL 语言的 PEEK 和 POKE 指令使用详解
运维·服务器·数据库·程序人生·自动化
心 一4 小时前
Python 类型注解实战:`Optional` 与安全数据处理的艺术
服务器·python·安全
A小码5 小时前
软件开发那些基础事儿:需求、模型与生命周期
运维·服务器
这儿有一堆花6 小时前
Nginx服务器集群:横向扩展与集群解决方案
运维·服务器·nginx
三月的一天6 小时前
React Three Fiber 实现 3D 模型点击高亮交互的核心技巧
3d·webgl·threejs·reactthreefiber