作者：超图研究院技术支持中心-于丁iClient3DforCesium&WebGL入门之使用vscode以服务方式运行调试相信大家第一次使用SuperMapiClient3DforCesium或SuperMapiClient3DforWebGL

作者：Mei目录前言实现思路实现步骤1、构建二维网络数据集1.1拓扑检查1.2线拓扑数据集处理1.3构建二维网络数据集2、发布网络分析服务3、实现代码前言  在交通、消防业务场景中，如果某地发生火灾或者交通事故，需要快速规划出最短抢救路线，这就要用到网络分析中的最短路径分析功能。接下来就跟着小编一起看看，在三维场景中，如何实现最短路径分析。实现思路  首先在iDesktop中通过二维线构建网络数据

应用及软件实现效果图：一、应用背景作为一个农村长大的人，我非常关注自然灾害和气候变化对土地旱情墒情影响。近年来，干旱和洪涝灾害在很多地方频繁发生，给人们的生命财产安全带来了极大的威胁。因此，旱情和墒情模拟成为了一个非常重要的研究方向，旨在提高我们对气候变化的预测能力和应对能力。通过模拟旱情和墒情，我们可以更好地了解土壤湿度、植被覆盖、降水等因素对干旱和洪涝灾害的影响，从而更好地制定应对措施，保护人

作者：gaogy文章目录背景一、使用Vite构建Vue3+JavaScript项目二、搭建iClientforLeaflet开发环境三、第三方可视化库Echarts的使用四、第三方可视化库MapV的使用五、其他地图库背景最近很多小伙伴咨询关于基于Vue3框架搭建iClent开发环境并使用Echarts与MapV等第三方可视化库的问题。本文就以iClientforLeaflet为例，在新一代前端框架

SuperMapiClient3DforWebGL类结构图SuperMapiClient3DforWebGL一款在服务式GIS架构体系中，无任何插件，跨浏览器的客户端产品。它基于Cesium开源框架,面向HTML5的三维应用开发，快速构建内容丰富、响应迅速、体验流畅的三维真空间应用。http://support.supermap.com.cn:8090/webgl/index.html

CylinderGraphics翻译过来就是圆柱对象，只是这个圆柱对象比较特别，可分别指定上下圆柱面的半径，从而可以衍生出圆锥和圆台对象，下面小编就来讲解下CylinderGraphics如何使用。首先还是老规矩，先看下对象的所有属性。CylinderGraphics属性这里小编对几个比较特别的属性进行讲解length：圆柱的长度，也就是圆柱的上下圆面间的空间距离topRadius：上圆面半径bo

淹没分析是指根据指定的最大、最小高程值及淹没速度，动态模拟某区域水位由最小高程涨到最大高程的淹没过程，是GIS分析中常用的功能，常用于模拟洪涝灾害过程。在SuperMap的三维产品中淹没分析是通过分层设色的方式实现，以空间高度为强度值，在不同的高度设置不同的颜色，动态修改覆盖颜色的高度，实现淹没过程动态模拟。下面来看实现过程。一、设置颜色表varcolorTable=newCesium.Color

在一些项目中有时需要用到3dtiles加载在webgl中，具体对接流程如下。一．模型生成缓存模型——右键生成缓存，缓存类型为三维切片，文件类型选为S3MB。图1生成模型缓存二．iearth_Qt中，将数据转为3D-Tiles格式利用S3M工具包（可前往超图资源中心进行下载http://support.supermap.com.cn/DownloadCenter/DownloadPage.aspx?

iClient使用有报错HTTPS访问HTTP服务跨域问题，亦或为了服务安全需使用HTTPS加密通信，解决方案：一是直接对iServer的tomcat容器进行配置HTTPS连接；二是通过Nginx代理成

动态缩放圆环.gif同样是这个效果图，那中间缩放的圆柱环的效果如何实现？1、效果分析这里将这个效果分解成几个部分：（1）类似圆柱形，不断改变半径和高度。（2）顶部透明，侧面半透明。根据分析，这里有两个想法去实现：（1）利用圆柱对象，半径和高度很好实现变换，顶部也可以不绘制，但是在设置侧面渐变颜色时出现了问题，圆柱对象侧面只能设置颜色，不能设置贴图，无法实现渐变效果。（2）利用墙对象进行绘制，可以很

vue+leaflet加载地图根据示例代码只引入了如下模块：importLfrom'leaflet';import'@supermap/iclient-leaflet';地图展示不完全如下：截屏2021

作者：为梦齐舞本文同步更新于简书文章[https://www.jianshu.com/p/6718532cd731]大家都知道Cesium加载的三维模型缓存格式是3DTiles，超图在SuperMapiClient3DforWebGL中提出了自己的格式s3m，s3m是一种开放式可扩展的三维地理空间数据格式——Spatial3DModel（S3M），对倾斜摄影模型、人工建模数据、BIM、点云、三维管

资料目录如下：####目录一张图看懂三维GISSuperMap三维产品白皮书全套三维视频教程全方位数据处理◆精模篇◆倾斜篇◆管线篇◆BIM篇◆矢量数据篇◆其他软件数据对接iClient3DforPlugin

作者：kele最近了解了一些关于canvas的知识，我们都知道canvas能做出很复杂且炫酷的动画效果，那么如果将canvas动画应用到gis应用，将会擦除什么样的火花呢？我们一起来看下吧一、实现思路本篇文章将介绍图中数字流特效的实现思路，彩球动画效果可参考另一篇文章（链接:跳转地址）总所周知，我们可以在canvas上绘制各种东西，但是要让canvas展示在三维场景中，必须要依赖一个载体，我们可以

作者：Carlo前景：在操纵地图时除了鼠标、触摸交互移动地图，通过map.panBy和map.panTo也可以移动地图。map.panTo（平移至中心点）：将地图平移到给定的中心。如果新的中心点在屏幕内与现有的中心点不同则产生平移动作。map.panBy（通过像素点平移）：通过给定的像素值对地图进行平移。L.map中文API介绍：Leaflet地图框架使用手册——L.Map_w87574159的博

不拐弯抹角，直接上干货回来更新一下，有些话要说一下：如果你要使用iclient-ol的话请不要在项目里装ol！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

Carlo前景：在使用SuperMapiClientforJavaScript产品过程中，经常有一些小伙伴会问如何用iClientforOpenLayers实现类似于Classic官网（https://iclient.supermap.io

xkf前言目前咱们热力图的示例是贴在模型上的,我想让他浮在空中可以吗？当然可以，操作和代码如下:1.设置两个DOM元素用于canvas的显示先添加两个块元素，并设置样式和大小：2.使用随机数模拟点位数据使用Math.random()模拟点位数据用于构建热力图。varlen=200;varpoints=[];varmax=0;varwidth=800;varheight=400;while(len-

一，去官网下载最新的SuperMapiClient3D9D(2019)forWebGL产品包下载链接：http://support.supermap.com.cn:8090/webgl/download.html推荐选择：9D(2019)正式版二，官网下载最新的iServer产品包，部署、启动下载：点选“云GIS”→“SuperMapiServer9D(2019)”→“(V9.1.0)”→“Sup

作者：Carlo前景：最近有很多小伙伴在部署Docker版iServer时想要使用离线iClient，但是实际操作时会发现我们在获取iServer镜像时产品包内是不包含离线iClient的，所以我们需要手动部署一次离线

业务要求，从IClient端调用IServer接口查询IServer发布的数据集服务，并平移地图时，加载新出现的地图区域。

框架为此提供了对象存储的功能，并对功能抽象，抽象给我们带来的好处:存储的无关性（不关心存储平台时阿里云OSS还是腾讯云的COS）更换存储平台成本更低（仅需要更改下存储的提供者，业务侵染低）支持自定义存储提供者（仅需要自行实现IClient

作者：Carlo前言：在项目过程中经常会使用到几何查询，也会因为项目需求对返回值有着不一样的要求，接下来我将介绍几种参数设置对几何查询返回值的影响，以及他们各自的区别。首先我们需要了解SuperMap.GetFeaturesByGeometryParameters，是指数据集几何查询参数类。该类用于设置数据集几何查询的相关参数。newSuperMap.GetFeaturesByGeometryPa

作者：为梦齐舞本文同步更新于简书文章https://www.jianshu.com/p/a59dedc1eacc一、CesiumTerrainProvider介绍前面的文章中，我们介绍了很多地形相关的知识，本章中我们来一起了解下CesiumTerrainProvider，我们在WebGL中如果希望添加带有地质起伏的地形，都会使用这个类，它同时支持高度图和TIN地形两种格式。不过目前高度图的技术路线

一、现象UncaughtTypeError:utils.inheritsisnotafunction报错截图二、问题产生原因Elasticsearch本身就需要这些东西，以前没有问题是因为Webpack4本身就加了node模块的polyfill，而Webpack5和Vite默认是没有这个polyfill的，所以需要自己配置。三、解决办法增加2个地方：1.package.json>devDepend

本节课程我们学习最后一个实体对象PolylineVolumeGraphics，线体积对象，它可以通过线数据挤出不同的形状，而成为体数据，比如我们希望在线绘制一根圆形的管道、绘制一堵围墙，那这样对象就能派上大用场了。首先我们来看一个简单的效果图吧简单的PolylineVolumeGraphics实现代码如下functioncomputeCircle(radius){varpositions=[];f

在前面的文章SuperMap二维iClient客户端如何添加自定义请求头(一）已经介绍了和iServer有交互的功能接口如何单个以及全局设置请求头，但是地图瓦片请求相对特殊一点，不走之前的设置，下面就具体看看各个地图框架里面如何设置的

大家都知道Cesium加载的三维模型缓存格式是3DTiles，超图在SuperMapiClient3DforWebGL中提出了自己的格式s3m，s3m是一种开放式可扩展的三维地理空间数据格式——Spatial3DModel（S3M），对倾斜摄影模型、人工建模数据、BIM、点云、三维管线、二维/三维点线面等各类数据进行整合，适用于海量、多源异构三维地理空间数据和Web环境下的传输与解析，为多源三维地

通常用BingMapsImageryProvider加载出来的Bing地图都是英文的，也没法设置参数去设置，下面就来手动对接下。1、Bing地图瓦片体系想要在三维球上对接一个瓦片服务，首先需要了解的就是这个服务的瓦片组织的规则，Bing地图的瓦片体系比较特殊，下面来一张结构图。bing地图瓦片体系.png通过上面的结构图可以发现，Bing地图的瓦片是基于web墨卡托的全球剖分，四叉树结构，在某一层

最近有同事反馈有模拟雷达扫描效果的需求，需要表达雷达扫描的半径、扫描范围以及扫描过程动画，下面将通过使用Cesium原生的椭球体对象来实现。1、模拟扫描波瓣雷达扫描的形状类似一个带有厚度的扇形，这里刚好可以用球体对象来实现，通过指定球体半径来模拟扫描半径，通过设置椭球的clock属性来模拟扫描的宽度范围，通过设置Cone属性来表达扫描的高度范围。椭球体.pngellipsoid:{radii:ne

hint:"@supermap/vue-iclient3d-webgl":"^1.0.9"方案一：imageList=[{image:require("../..

在项目实际应用中，有时候需要在发送请求中添加一些自定义的请求头，那现在来看看SuperMap二维iClient客户端中是如何是使用的捏1.版本支持情况二维iClientforLeaflet/Openlayers

上一篇文章中讲解了S3MTilesLayer里面的多源数据加载，本节我们主要探讨学习下S3MTilesLayer里面的显示优化设置，主要从l显示精度，色彩，泛光等几个方面来进行学习。一、获取S3MTilesLayer的方法要设置S3MTilesLayer的参数，首先我们需要获取到S3MTilesLayer图层，这里我们介绍几种获取到该图层的方法。1、Cesium.when回调获取a、如果添加的是单

3DMax是目前最流行的三维软件,占据了主流地位，广泛应用于建筑模型和室内精细化建模，应用于三维GIS数据的生产，本文将以3DMax为例，介绍如何将建模成果应用于SuperMap。一、插件下载目前最新支持版本为3DMax2014插件下载地址：http://support.supermap.com.cn/DownloadCenter/DownloadPage.aspx?tt=ProductAAS&i

前面的系列文章里面，已经介绍了一部分Entity实体对象，今天我们来看看PathGraphics，路径实体对象吧。路径，可以指一段道路，也可以物体所行走的一段路程，那么在Cesium里面的PathGraphics跟接近于后者，可以理解为对象所行径的路线，这就意味着物体的位置position应是一个具有时间的象征点viewer.entities.add({position:position,//这里

在前面的文章里面，我们讲解了关于entity的一系列实体对象；那今天就来介绍下entity的parent父实体属性特征吧。先来看看是怎么使用的吧varparent=newCesium.Entity()for(vari=0;i<3;i++){varheight=100000.0+(200000.0*i);entities.add({parent:parent,position:Cesium.Cart

mod=viewthread&tid=2134889&extra=page%253D1&page=1http://share.iclient.ifeng.com/house/shareNews?

在线运行地址：http://iclient.supermap.io/examples/leaflet/editor.html#WMSLayer复制如下代码到编辑器更换对应的参数运行varhost=window.isLocal

通视分析是三维GIS中常用的分析功能，用于判断三维场景中任意两点之间的通视情况。可根据在3D空间中相对于某表面或多面体要素类提供的障碍的位置，计算观察点与被观察点之间的通视性，沿着这些点之间的视线确定可见性。通视分析需要用户指定观察点和被观察点，观察点与被观察点是一对多的关系，一个观察点可对应多个被观察点进行分析，一个被观察点只能对应一个观察点进行通视分析。分析结果输出线将沿着输入视线的可见与不可

首先呢我自己学习这个部分用了挺多时间的总结出我对于SuperMap的一些功能及应用，也算是我的笔记了吧，话不多说直接看代码吧第一步我们要把下载好的引入文件整理出来，毕竟下载出来的包里面含有很多案例，他们的内存也是比较大的，在本身的开发中不一定需要全部的文件，部分即可这边是我现在所用到的一些包，需要注意的是下面这两个文件中，部分代码需要我们自己去修改主要是修改这两个文件中的加载类库资源文件引入的路径

接上次我们所说的地图展示之后，后续一些我自己学习到的功能及应用，有什么不对的地方还希望大家指出来先介绍一下我这边想做的功能把，这里有两个按钮，在按到按钮的时候做出响应的方法第一个按钮呢功能是画点，第二个功能呢就是实现简单的画线首先呢，我们还是在做这些功能之前，分析一个大体的方向我们要找到Leaflet.js中的画点，画线功能，封装成我们自己的方法在标记之前我们要清空上一次的点击事件，因为在同一个容

实现背景是这样的：我们将gltf模型位置存在了数据库，需要根据不同状态gltf模型所在的位置不同。但是发现无论怎样设置，setPosition都在请求到的xy数据之前执行，所以每次的结果都是模型坐标是[0，0]最后采用了iframe嵌入地图，打开iframe时，使用QueryString的方法传值，就可以设置setPosition。另外超图还给出了方案，让我把setPosition放在threeL

根据属性查询出对应的要素是一个比较经典和实用的功能，下面就使用超图的iClientforjavascript来实现二维地图上的这个功能。预期效果：在文本框输入某个值，点击查询，则进行查询，并在符合要求的要素上添加一个marker点，点位于该要素质心，并缩放到该要素。点击marker可以显示该要素的属性信息。前端文本框id为sqlText，button的点击事件为queryBySQL()。输入如图的

【一、部署】1）部署Oozie服务端[root@cMaster~]#sudoyuminstalloozie#cMaster上以root权限执行，部署Oozie服务端2）部署Oozie客户端[root@iClient

作者：为梦齐舞本文同步更新于简书文章https://www.jianshu.com/p/ed4bb38db9a4在我们开始学习Entity之前，我们首先需要先学习下Cesium中的坐标系，Cesium中有多个坐标系，在进行添加Entity时经常会使用到。一、坐标系介绍我们先来列举下Cesium中的坐标系：WGS84经纬度坐标系（没有实际的对象）、WGS84弧度坐标系（Cartographic）、笛

作者：dominating###前言随着SuperMapiServer9D的发布，iServer增加了许多的新功能，其中之一就是地图服务模块，矢量切片（tileFeature）资源增加了支持mvt的表述。mvt矢量切片格式是mapbox标准的矢量切片，而我们的SuperMapiClient9D加入了MapboxGL框架，所以我们就可以通过SuperMapiClient9D来对接SuperMapiS

天际线分析功能可根据观察点，生成当前场景窗口中建筑物顶端边缘与天空的分离线，主要用于城市建筑规划等场景中iClient3DforWebGL提取天际线1.创建天际线分析，可设定相关展示属性参数//创建天际线分析对象

在介绍WebGL地形前，我们先来介绍下地形数据的处理，我们这知道WebGL加载的地形数据都是.terrain或者是.terrainz格式的，我们拿到的地形数据一般都是.tif或.img格式。那么我们如何处理数据才能供WebGL所用呢，接下来我们详细讲解下地形的网络请求一、获取数据这里我们介绍一个数据下载的网站地理空间数据云（http://www.gscloud.cn）里面可以下载到免费的遥感影像和

在SuperMapiClient3DforWebGL中与地形相关的所有类都起源于TerrainProvider。我们来了解下TerrainProvider，按照官方说明TerrainProvider只是定义了一套地形的接口和规范，并不能被实例化，可以理解为所有地形图层类的基类（Thistypedescribesaninterfaceandisnotintendedtobeinstantiatedd

一、CesiumTerrainProvider介绍前面的文章中，我们介绍了很多地形相关的知识，本章中我们来一起了解下CesiumTerrainProvider，我们在WebGL中如果希望添加带有地质起伏的地形，都会使用这个类，它同时支持高度图和TIN地形两种格式。不过目前高度图的技术路线已经不在推荐使用，所以我们本章主要介绍TIN地形的加载，本章中我们以STK全球地形和SuperMap的TIN地形