iClient 对接单对象查询分析

2024-02-25 09:38

本文主要是介绍iClient 对接单对象查询分析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

作者:XingJun

      在iServer提供的众多分布式分析服务功能之中,单对象查询服务可以以分布式分析的方式对服务上的数据集进行查询,查询的数据分为服务上的数据集和前端提供的几何对象(GeoJSON)格式,采用的空间查询方法括包含(CONTAIN), 交叉(CROSS), 分离(DISJOINT),重合( IDENTITY), 相交(INTERSECT), 叠加(OVERLAP), 邻近(TOUCH), 被包含(WITHIN), 分析结果将以一幅rest地图形式返回,可用于前端显示。本文以SuperMap iClient JavaScript for Classic为例,介绍如何对接单对象查询服务。

开发准备

iClient通过iServer分布式分析服务实现单对象查询分析功能,  因此需要使用一下两款软件:
     1. iServer,并开启分布式分析服务,具体步骤可参考:超图大数据环境搭建之操作系统搭建;

     2. iClient for JavaScript,产品下载和文档可参考iClient产品官方网站。

iServer上的单对象查询服务

    1. 首先进入iServer服务列表,打开分布式分析服务 

        iserver服务列表地址:http://[ip]:8090/iserver/services

              

    2. 打开分布式分析服务的空间分析业务

        依次点击页面中的“distributeanalyst/rest” -> jobs -> spatialanalyst, 以下截图展示了所有支持的空间分析功能,

今天我们要使用的就是"query",即单对象查询服务。

        

    3. 单对象查询页面

       该页面将展示单对象查询任务执行情况,点击每一个分析任务链接,可以参考任务详情。

      

    4. 创建单对象查询任务

       点击上述页面中的“创建分析任务”,即可打开下图的页面,设置必要的参数后,点击页面下方的“创建分析任务”即可。

      我们使用iClient请求单对象查询服务,也是会使用到页面中对应的参数。

      

      

iClient对接单对象查询服务

       为了代码简洁,以及快速开发,我们应用iClient提供的在线js库。我们先创建一个"分布式分析-单对象查询.html"的文件,

然后按照以下步骤添加代码。

   1. 引入iClient的js库

<script type="text/javascript" src="http://iclient.supermap.io/web/libs/iclient8c/libs/SuperMap.Include.js"></script>
<script type="text/javascript" src="http://iclient.supermap.io/dist/classic/iclient-classic.js"></script>

   2. 显示一幅地图

       首先添加一个用于显示地图的div元素:

<div id="map" style=" margin:0 auto; width: 100%; height:100%"></div>

      然后,script中创建Map,然后添加iServer中的地图

// 地图
var map = new SuperMap.Map("map", {controls: [new SuperMap.Control.Navigation(),new SuperMap.Control.Zoom(),new SuperMap.Control.LayerSwitcher()],allOverlays: true
});
// iServer服务地址(使用前,请修改服务地址)
var host = "http://10.10.1.113:8090";
// 地图图层
var mapURL = host + "/iserver/services/map-world/rest/maps/World";
var layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", mapURL, null, {maxResolution: "auto"
});
layer.events.on({"layerInitialized": addLayer
});
// 添加地图图层,设置显示位置
function addLayer() {map.addLayers([layer]);map.setCenter(new SuperMap.LonLat(-73.95, 40.75), 10);
}

    3. 创建单对象查询任务

        首先,添加一个按钮,点击按钮后开始分析,以对照分析前后地图的不同。

<button id="btn" onclick="analyze()">分析</button>

        其次,要使用分布式分析服务,首先要使用iClient注册,iServer中分布式分析服务使用的Token。

// 分布式分析服务地址
var processingsUrl = host + "/iserver/services/distributedanalyst/rest/v1/jobs";// iServer服务token, 必须有效, 可在iServer上生成
// 注册服务Token
var token = "SjuZkaDblGrM_2DRUyg31Qsi2EqGf9XwGAHAT6Hovq9NIeD6L7OzucvONHa5r2DFaGsrN-u2Ps1jmXCCQAW0rw..";
SuperMap.SecurityManager.registerToken(processingsUrl, token);

       然后,构建单对象查询参数,根据两种查询数据类型,创建了两个查询参数singleObjectQueryJobsParameter1和singleObjectQueryJobsParameter2,分析是使用其一即可。

// 单对象查询分析参数1: 数据集查询 
var singleObjectQueryJobsParameter1 = new SuperMap.SingleObjectQueryJobsParameter({datasetName: "samples_processing_newyorkZone_R", // 服务上用于查询的数据集datasetQuery: "samples_processing_singleRegion_R", // 两种查询数据类型: DATASET, GEOJSONmode: "INTERSECT" // 空间查询模式: CONTAIN, CROSS, DISJOINT, IDENTITY, INTERSECT, OVERLAP, TOUCH, WITHIN
});// 单对象查询分析参数2: 几何对象查询
// 创建一个构建面对象的点串数组.可通过绘制对象得到,此处为代码简洁直接构建对象.
// 绘制对象的方法可参考在线范例:将查询对象模式改为GeoJSON, http://iclient.supermap.io/examples/classic/editor.html#singleObjectQueryJobService
var points = [{"x": -73.978577729654,"y": 40.759625483856}, 
{"x": -73.993314677351,"y": 40.742764291446}, 
{"x": -73.98136580084,"y": 40.725504803153},
{"x": -73.972868821988,"y": 40.721455461669}, 
{"x": -73.940208559526,"y": 40.724243532855}, 
{"x": -73.939411967759,"y": 40.743494500566}, 
{"x": -73.943992370421,"y": 40.759957397092},
{"x": -73.944058753068,"y": 40.760422075623}, 
{"x": -73.959193996648,"y": 40.761351432685}, 
{"x": -73.978577729654,"y": 40.759625483856}
];
var singleObjectQueryJobsParameter2 = new SuperMap.SingleObjectQueryJobsParameter({datasetName: "samples_processing_newyorkZone_R", // 服务上用于查询的数据集geometryQuery: points, // 两种查询数据类型: DATASET, GEOJSONmode: "INTERSECT" // 空间查询模式: CONTAIN, CROSS, DISJOINT, IDENTITY, INTERSECT, OVERLAP, TOUCH, WITHIN
});

      最后,创建单对象分析服务请求。

// 分布式分析
var processingService = new SuperMap.REST.ProcessingService(processingsUrl, {withCredentials: window.isLocal
});var resultLayer;// 开始分析
function analyze() {console.log("Analyzing....");if (map && resultLayer) {map.removeLayer(resultLayer);}// 单对象查询分析// 此处修改查询参数使用singleObjectQueryJobsParameter1或singleObjectQueryJobsParameter2processingService.addQueryJob(singleObjectQueryJobsParameter2, function(serviceResult) {console.log("Finish....");if (serviceResult.error) {var errorMsg = serviceResult.error.errorMsg || "code: " + serviceResult.error.code;;console.log(errorMsg);return;}serviceResult.result.setting.serviceInfo.targetServiceInfos.map(function(info) {if (info.serviceType === 'RESTMAP') {SuperMap.FetchRequest.get(info.serviceAddress + '/maps').then(function(response) {return response.json();}).then(function(result) {var mapUrl = result[0].path;resultLayer = new SuperMap.Layer.TiledDynamicRESTLayer("resultLayer", mapUrl, {transparent: true});resultLayer.events.on({"layerInitialized": addLayer});function addLayer() {map.addLayer(resultLayer);}});}});});
}

 

单对象查询结果

      前面我们已经写好了“分布式分析_单对象查询.html”文件,现在就在浏览器打开它,如下图所示:

然后,点击“分析按钮”,等待分析结束,得到如下结果:

 

 

至此,iClient对接iServer单对象查询的功能就已介绍完毕,下面是完整的“分布式分析_单对象查询.html”文件内容,仅供参考

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>分布式分析服务-单对象查询分析</title></head><body style=" margin: 0;width: 100%;height:100%;position: absolute;top: 0;"><button id="btn" onclick="analyze()">分析</button><div id="map" style=" margin:0 auto; width: 100%; height:100%"></div><script type="text/javascript" src="http://iclient.supermap.io/web/libs/iclient8c/libs/SuperMap.Include.js"></script><script type="text/javascript" src="http://iclient.supermap.io/dist/classic/iclient-classic.js"></script><script>// 创建一个矢量图层var style = {strokeColor: "#304DBE",strokeWidth: 2,pointerEvents: "visiblePainted",fillColor: "#304DBE",fillOpacity: 0.8};// 地图var map = new SuperMap.Map("map", {controls: [new SuperMap.Control.Navigation(),new SuperMap.Control.Zoom(),new SuperMap.Control.LayerSwitcher()],allOverlays: true});// iServer服务地址(使用前,请修改服务地址)var host = "http://10.10.1.113:8090";// 地图图层var mapURL = host + "/iserver/services/map-world/rest/maps/World";var layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", mapURL, null, {maxResolution: "auto"});layer.events.on({"layerInitialized": addLayer});// 添加地图图层,设置显示位置function addLayer() {map.addLayers([layer]);map.setCenter(new SuperMap.LonLat(-73.95, 40.75), 11);}// 分布式分析服务地址var processingsUrl = host + "/iserver/services/distributedanalyst/rest/v1/jobs";// iServer服务token, 必须有效, 可在iServer上生成// 注册服务Tokenvar token = "SjuZkaDblGrM_2DRUyg31Qsi2EqGf9XwGAHAT6Hovq9NIeD6L7OzucvONHa5r2DFaGsrN-u2Ps1jmXCCQAW0rw..";SuperMap.SecurityManager.registerToken(processingsUrl, token);// 单对象查询分析参数1: 数据集查询 var singleObjectQueryJobsParameter1 = new SuperMap.SingleObjectQueryJobsParameter({datasetName: "samples_processing_newyorkZone_R", // 服务上用于查询的数据集datasetQuery: "samples_processing_singleRegion_R", // 两种查询数据类型: DATASET, GEOJSONmode: "INTERSECT"         // 空间查询模式: CONTAIN, CROSS, DISJOINT, IDENTITY, INTERSECT, OVERLAP, TOUCH, WITHIN}); // 单对象查询分析参数2: 几何对象查询// 构造一个GeoJSON格式的面对象.可通过绘制对象得到,此处为代码简洁直接构建对象.// 绘制对象的方法可参考在线范例:将查询对象模式改为GeoJSON, http://iclient.supermap.io/examples/classic/editor.html#singleObjectQueryJobServicevar points = [{"x":-73.978577729654,"y":40.759625483856},{"x":-73.993314677351,"y":40.742764291446},{"x":-73.98136580084,"y":40.725504803153},{"x":-73.972868821988,"y":40.721455461669},{"x":-73.940208559526,"y":40.724243532855},{"x":-73.939411967759,"y":40.743494500566},{"x":-73.943992370421,"y":40.759957397092},{"x":-73.944058753068,"y":40.760422075623},{"x":-73.959193996648,"y":40.761351432685},{"x":-73.978577729654,"y":40.759625483856},];var singleObjectQueryJobsParameter2 = new SuperMap.SingleObjectQueryJobsParameter({datasetName: "samples_processing_newyorkZone_R", // 服务上用于查询的数据集geometryQuery: points, // 两种查询数据类型: DATASET, GEOJSONmode: "INTERSECT"         // 空间查询模式: CONTAIN, CROSS, DISJOINT, IDENTITY, INTERSECT, OVERLAP, TOUCH, WITHIN}); // 分布式分析var processingService = new SuperMap.REST.ProcessingService(processingsUrl, {withCredentials: window.isLocal});var resultLayer;// 开始分析function analyze() {console.log("Analyzing....");if (map && resultLayer) {map.removeLayer(resultLayer);}// 单对象查询分析// 此处修改查询参数使用singleObjectQueryJobsParameter1或singleObjectQueryJobsParameter2processingService.addQueryJob(singleObjectQueryJobsParameter2, function (serviceResult) {console.log("Finish....");if (serviceResult.error) {var errorMsg = serviceResult.error.errorMsg || "code: " + serviceResult.error.code;;console.log(errorMsg);return;}serviceResult.result.setting.serviceInfo.targetServiceInfos.map(function (info) {if (info.serviceType === 'RESTMAP') {SuperMap.FetchRequest.get(info.serviceAddress + '/maps').then(function (response) {return response.json();}).then(function (result) {var mapUrl = result[0].path;resultLayer = new SuperMap.Layer.TiledDynamicRESTLayer("resultLayer", mapUrl, {transparent: true});resultLayer.events.on({"layerInitialized": addLayer});function addLayer() {map.addLayer(resultLayer);}});}});});}</script></body>
</html>

更多内容可参考SuperMap iClient 在线示例:http://iclient.supermap.io/web/index.html。

这篇关于iClient 对接单对象查询分析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/745088

相关文章

MySQL索引的优化之LIKE模糊查询功能实现

《MySQL索引的优化之LIKE模糊查询功能实现》:本文主要介绍MySQL索引的优化之LIKE模糊查询功能实现,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一、前缀匹配优化二、后缀匹配优化三、中间匹配优化四、覆盖索引优化五、减少查询范围六、避免通配符开头七、使用外部搜索引擎八、分

Java程序进程起来了但是不打印日志的原因分析

《Java程序进程起来了但是不打印日志的原因分析》:本文主要介绍Java程序进程起来了但是不打印日志的原因分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java程序进程起来了但是不打印日志的原因1、日志配置问题2、日志文件权限问题3、日志文件路径问题4、程序

Java字符串操作技巧之语法、示例与应用场景分析

《Java字符串操作技巧之语法、示例与应用场景分析》在Java算法题和日常开发中,字符串处理是必备的核心技能,本文全面梳理Java中字符串的常用操作语法,结合代码示例、应用场景和避坑指南,可快速掌握字... 目录引言1. 基础操作1.1 创建字符串1.2 获取长度1.3 访问字符2. 字符串处理2.1 子字

Python中判断对象是否为空的方法

《Python中判断对象是否为空的方法》在Python开发中,判断对象是否为“空”是高频操作,但看似简单的需求却暗藏玄机,从None到空容器,从零值到自定义对象的“假值”状态,不同场景下的“空”需要精... 目录一、python中的“空”值体系二、精准判定方法对比三、常见误区解析四、进阶处理技巧五、性能优化

SQL表间关联查询实例详解

《SQL表间关联查询实例详解》本文主要讲解SQL语句中常用的表间关联查询方式,包括:左连接(leftjoin)、右连接(rightjoin)、全连接(fulljoin)、内连接(innerjoin)、... 目录简介样例准备左外连接右外连接全外连接内连接交叉连接自然连接简介本文主要讲解SQL语句中常用的表

MySQL高级查询之JOIN、子查询、窗口函数实际案例

《MySQL高级查询之JOIN、子查询、窗口函数实际案例》:本文主要介绍MySQL高级查询之JOIN、子查询、窗口函数实际案例的相关资料,JOIN用于多表关联查询,子查询用于数据筛选和过滤,窗口函... 目录前言1. JOIN(连接查询)1.1 内连接(INNER JOIN)1.2 左连接(LEFT JOI

MySQL 中查询 VARCHAR 类型 JSON 数据的问题记录

《MySQL中查询VARCHAR类型JSON数据的问题记录》在数据库设计中,有时我们会将JSON数据存储在VARCHAR或TEXT类型字段中,本文将详细介绍如何在MySQL中有效查询存储为V... 目录一、问题背景二、mysql jsON 函数2.1 常用 JSON 函数三、查询示例3.1 基本查询3.2

Python 迭代器和生成器概念及场景分析

《Python迭代器和生成器概念及场景分析》yield是Python中实现惰性计算和协程的核心工具,结合send()、throw()、close()等方法,能够构建高效、灵活的数据流和控制流模型,这... 目录迭代器的介绍自定义迭代器省略的迭代器生产器的介绍yield的普通用法yield的高级用法yidle

MySQL中的交叉连接、自然连接和内连接查询详解

《MySQL中的交叉连接、自然连接和内连接查询详解》:本文主要介绍MySQL中的交叉连接、自然连接和内连接查询,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、引入二、交php叉连接(cross join)三、自然连接(naturalandroid join)四

mysql的基础语句和外键查询及其语句详解(推荐)

《mysql的基础语句和外键查询及其语句详解(推荐)》:本文主要介绍mysql的基础语句和外键查询及其语句详解(推荐),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋... 目录一、mysql 基础语句1. 数据库操作 创建数据库2. 表操作 创建表3. CRUD 操作二、外键