iClient对接点聚合分析

2024-02-25 09:48
文章标签 分析 聚合 iclient 接点

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

作者:XingJun

     点聚合分析与“iClient对接密度分析”一文中提到的密度分析一样,也是 iServer的分布式分析服务提供多种分析服务之一。该服务根据接收的分析参数,并将分析结果发布成Rest地图服务,然后将地图服务的地址返回给iClient,iClient再将其显示在地图上。本文以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, 以下截图展示了所有支持的空间分析功能,

今天我们要使用的就是"aggregatepoints",即点聚合分析服务。

        

    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.0.254: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 = "5e55uXJlJh0XxczUuKiyidPGz_WZXXfOghbOsiarbRcAB7btVoBEQoqahG6f0ifHrkSDLX9Zspz6tfCoJp4WhA..";
SuperMap.SecurityManager.registerToken(processingsUrl, token);

       然后,构建点聚合分析参数。

// 点聚合分析参数
var summaryMeshJobParameter = new SuperMap.SummaryMeshJobParameter({datasetName: "samples_newyork_taxi_2013-01_14k", // 分析的点数据集名resolution: 100, // 网格大小meshType: 0, // 网格面类型:四边形网格: 0, 六边形网格: 1fields: "col7", // 权重字段query: new SuperMap.Bounds(-74.150, 40.550, -73.750, 40.950), // 分析范围statisticModes: "max", // 统计模式type: "SUMMARYMESH", // 聚合类型: SUMMARYMESH: 网格面聚合, SUMMARYREGION: 多边形聚合//regionDataset: 
});

      最后,创建点聚合分析服务请求。

// 分布式分析
var processingService = new SuperMap.REST.ProcessingService(processingsUrl, {withCredentials: window.isLocal
});var resultLayer;// 开始分析
function analyze() {console.log("Analyzing....")//widgets.loader.showLoader();if (map && resultLayer) {map.removeLayer(resultLayer);}// 点聚合分析processingService.addSummaryMeshJob(summaryMeshJobParameter, function(serviceResult) {console.log("Finish....")if (serviceResult.error) {var errorMsg = serviceResult.error;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() {console.log("Add layer: " + mapUrl);map.addLayer(resultLayer);}});}});}, 10000);}

 

点聚合分析结果

      前面我们已经写好了“分布式分析_点聚合分析.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 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.0.254: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), 9);}// 分布式分析服务地址var processingsUrl = host + "/iserver/services/distributedanalyst/rest/v1/jobs";// iServer服务token, 必须有效, 可在iServer上生成// 注册服务Tokenvar token = "5e55uXJlJh0XxczUuKiyidPGz_WZXXfOghbOsiarbRcAB7btVoBEQoqahG6f0ifHrkSDLX9Zspz6tfCoJp4WhA..";SuperMap.SecurityManager.registerToken(processingsUrl, token);// 点聚合分析参数var summaryMeshJobParameter = new SuperMap.SummaryMeshJobParameter({datasetName: "samples_newyork_taxi_2013-01_14k", // 分析的点数据集名resolution: 100,   // 网格大小meshType: 0,       // 网格面类型:四边形网格: 0, 六边形网格: 1fields: "col7",      // 权重字段query: new SuperMap.Bounds(-74.150, 40.550, -73.750, 40.950), // 分析范围statisticModes: "max",  // 统计模式type: "SUMMARYMESH",    // 聚合类型: SUMMARYMESH: 网格面聚合, SUMMARYREGION: 多边形聚合//regionDataset: });// 分布式分析var processingService = new SuperMap.REST.ProcessingService(processingsUrl, {withCredentials: window.isLocal});var resultLayer;// 开始分析function analyze() {console.log("Analyzing....")//widgets.loader.showLoader();if (map && resultLayer) {map.removeLayer(resultLayer);}// 点聚合分析processingService.addSummaryMeshJob(summaryMeshJobParameter, function (serviceResult) {console.log("Finish....")if (serviceResult.error) {var errorMsg = serviceResult.error;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() {console.log("Add layer: " + mapUrl);map.addLayer(resultLayer);}});}});}, 10000);}</script></body>
</html>

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



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

相关文章

Go标准库常见错误分析和解决办法

《Go标准库常见错误分析和解决办法》Go语言的标准库为开发者提供了丰富且高效的工具,涵盖了从网络编程到文件操作等各个方面,然而,标准库虽好,使用不当却可能适得其反,正所谓工欲善其事,必先利其器,本文将... 目录1. 使用了错误的time.Duration2. time.After导致的内存泄漏3. jsO

Spring事务中@Transactional注解不生效的原因分析与解决

《Spring事务中@Transactional注解不生效的原因分析与解决》在Spring框架中,@Transactional注解是管理数据库事务的核心方式,本文将深入分析事务自调用的底层原理,解释为... 目录1. 引言2. 事务自调用问题重现2.1 示例代码2.2 问题现象3. 为什么事务自调用会失效3

找不到Anaconda prompt终端的原因分析及解决方案

《找不到Anacondaprompt终端的原因分析及解决方案》因为anaconda还没有初始化,在安装anaconda的过程中,有一行是否要添加anaconda到菜单目录中,由于没有勾选,导致没有菜... 目录问题原因问http://www.chinasem.cn题解决安装了 Anaconda 却找不到 An

Spring定时任务只执行一次的原因分析与解决方案

《Spring定时任务只执行一次的原因分析与解决方案》在使用Spring的@Scheduled定时任务时,你是否遇到过任务只执行一次,后续不再触发的情况?这种情况可能由多种原因导致,如未启用调度、线程... 目录1. 问题背景2. Spring定时任务的基本用法3. 为什么定时任务只执行一次?3.1 未启用

C++ 各种map特点对比分析

《C++各种map特点对比分析》文章比较了C++中不同类型的map(如std::map,std::unordered_map,std::multimap,std::unordered_multima... 目录特点比较C++ 示例代码 ​​​​​​代码解释特点比较1. std::map底层实现:基于红黑

Spring、Spring Boot、Spring Cloud 的区别与联系分析

《Spring、SpringBoot、SpringCloud的区别与联系分析》Spring、SpringBoot和SpringCloud是Java开发中常用的框架,分别针对企业级应用开发、快速开... 目录1. Spring 框架2. Spring Boot3. Spring Cloud总结1. Sprin

Spring 中 BeanFactoryPostProcessor 的作用和示例源码分析

《Spring中BeanFactoryPostProcessor的作用和示例源码分析》Spring的BeanFactoryPostProcessor是容器初始化的扩展接口,允许在Bean实例化前... 目录一、概览1. 核心定位2. 核心功能详解3. 关键特性二、Spring 内置的 BeanFactory

MyBatis-Plus中Service接口的lambdaUpdate用法及实例分析

《MyBatis-Plus中Service接口的lambdaUpdate用法及实例分析》本文将详细讲解MyBatis-Plus中的lambdaUpdate用法,并提供丰富的案例来帮助读者更好地理解和应... 目录深入探索MyBATis-Plus中Service接口的lambdaUpdate用法及示例案例背景

MyBatis-Plus中静态工具Db的多种用法及实例分析

《MyBatis-Plus中静态工具Db的多种用法及实例分析》本文将详细讲解MyBatis-Plus中静态工具Db的各种用法,并结合具体案例进行演示和说明,具有很好的参考价值,希望对大家有所帮助,如有... 目录MyBATis-Plus中静态工具Db的多种用法及实例案例背景使用静态工具Db进行数据库操作插入

Go使用pprof进行CPU,内存和阻塞情况分析

《Go使用pprof进行CPU,内存和阻塞情况分析》Go语言提供了强大的pprof工具,用于分析CPU、内存、Goroutine阻塞等性能问题,帮助开发者优化程序,提高运行效率,下面我们就来深入了解下... 目录1. pprof 介绍2. 快速上手:启用 pprof3. CPU Profiling:分析 C