初始化地图:地图用的是超图的leaflet插件@supermap/iclient-leaflet，官方地址：https://github.com/Super

1对国家天地图，通过TiandituImageryProvider影像服务提供者加载地图；varTiandituimageryLayer=newCesium.TiandituImageryProvider({mapStyle:Cesium.TiandituMapsStyle[value],token:"4a00a1dc5387b8ed8adba3374bd87e5e"})viewer.imager

1.idesktop制作第一步新建数据集第二步导入数据shp第三步数据类型转换第四步交通分析拓扑构图第五步给网络数据集设置图层风格第六步保存构建场景2.iserver发布3.iclient展示

1.加载3维管线服务openscence.ts/****加载3维服务*@param*/exportdefaultclassOpenScene{declareviewer:anydeclareurl:Stringdeclarepromise:anydeclarehandler:anydeclareeventType:anydeclareprompt:anydeclareaddClick:anycon

1.S3MTilesLayer，S3M(Spatial3DModel)图层类S3MTilesLayer，S3M(Spatial3DModel)图层类，通过该图层实现加载三维切片缓存，包括倾斜摄影模型、BIM模型、点云数据、精细模型、矢量数据、符号等。那S3MTilesLayer中针对图元的操作主要有‘颜色’，‘偏移’，‘可见性’’等2.图元操作之颜色1.临时选中高亮：即鼠标选中其他对象或者不选中时

SuperMapiClient3Dforcesium实现鼠标移动选中模型并显示模型对应字段一、实现思路二、数据制作1.计算出模型中心点并保存到属性表中2.计算出模型顶部高程3.模型数据切缓存4.发布三维服务.三、代码编写作者：xkf一、实现思路将模型属性数据存储到前端，通过监听鼠标指针的屏幕坐标返回当前坐标选中的实体对象,并根据对象id在保存的模型属性中查询需要显示的固定字段,最后通过气泡显示到模

作者：taco在很多包含动画的场景中，像模拟小人的行走、模拟火车的轨迹运行，又或者是模拟风力发电等等等。我们通常会加一些动画模型到里面。而有的时候可能会出现，这火车怎么倒着走啊！这人怎么头朝下啊。这种方向的问题。在多年的支持过程中，发现其实制作动画模型最简单\最方便的制作方式是使用Blender工具进行制作。gltf有很多开源的工具可以将max制作的转换为这种格式。但是额外的要安装各种插件。插件有

作者：taco时隔多年北京又开始降下了特大暴雪。身为打工人的你有没有居家办公呢？反正小编我是没有。既然没有借着暴雪的功劳居家办公，那就接着雪来输出一篇博客好了。基于SuperMapiClient3DforWebGL/WebGPU实现暴雪仿真效果。先来看下效果暴雪1.修改天空盒子看看北京这天气，雾霾霾的。为了与真实场景去匹配可定去修改一下天空盒子让他也变成一个阴天。天空盒子使用了SkyBox的方法直

EllipseGraphics，顾名思义就是椭圆的实体对象，我们首先通过下面的图1来看下EllipseGraphics具有哪些参数，图1EllipseGraphics参数1.semiMajorAxis:椭圆长半轴；2.semiMinorAxis:椭圆短半轴，其值应不大于semiMajorAxis，长短半轴相等即为圆；3.height:椭圆相对于地球椭球面的高度；4.extrudedHeight:t

客户端1，拷贝IService工程下的aidl文件到IClient2，创建activity，注册接口ImusicService3，创建链接对象ServiceCon

作者：kk文章目录前言一、获取S3MTilesLayer的方法1、Cesium.when回调获取2、通过scene查找获取二、显示优化设置1.显示精度问题2.显示控制3.显示色彩三、加载速度优化1.多子域前言三维的加载效率以及显示效果一直以来都是大家关注的重点，本篇文章主要从显示精度，色彩，泛光等几个方面来探讨学习S3MTilesLayer里面的显示优化设置一、获取S3MTilesLayer的方法

作者：赵爽使用产品：SuperMapiDesktop&SuperMapiServer产品下载地址：http://support.supermap.com.cn/DownloadCenter/ProductPlatform.aspx产品配置环境启动iServer（最后一行显示Serverstartupin***ms为启动成功）将webgl包放在iServer根目录下的webapps文件夹内操作步骤在

作者：为梦齐舞当我们添加了一大块倾斜模型或者模型图层时，在进行填挖方分析、剖面分析、查看地下设施设备时，经常需要给图层进行开孔或者是裁剪，本章我们介绍S3MTilesLayer中的数据裁剪功能。一、数据裁剪的方法总结1、addExcavationRegion：对模型进行开挖，类似于开孔。2、addFlattenRegion：用于压平模型表面，这个算是对数据进行修改并非裁剪，勉强先放到本节课中。3、

一.组件安装首先本项目使用的是supermap官方为vue提供的组件——SuperMap/Vue-iClient3D-WebGL（点击打开官网）推荐安装方法：npminstall@supermap/vue-iclient3d-webgl

  SuperMap官网WebGL范例里对模型进行属性查询，用到三种方法：  1.模型数据集发布数据服务进行查询；  2.模型数据集转成二维面数据集或者属性表，对二维面或者属性表发布数据服务进行查询；  3.通过模型缓存进行属性查询。  以上三种方式具体实现过程可见博客https://blog.csdn.net/supermapsupport/article/details/124879325。上

0.前言SuperMap官网提供了许多webgl示范案例，然而仅依赖示范案例源码独立实现这些功能还存在很多问题，这里通过个人实现过程，详述这些功能的实现步骤和代码。倾斜模型#toolbarinput{vertical-align:middle;padding-top:2px;padding-bottom:2px;margin:10px0px;width:150px;;}亮度对比度色调饱和度伽马fu

作者：LX背景在使用SuperMapiClientforJavaScript9D产品过程中，经常有一些小伙伴会问如何用iClientforLeaflet实现子图层控制，本文就是针对这个问题写了一个例子，供大家参考和借鉴。其实实现这个功能很简单，主要是通过如下几个步骤：引入Leaflet脚本库与服务器交互得到子图层信息组装操作面板，显示子图层列表创建临时图层来初始化当前地图显示控制子图层可见性获取当

在iClient端，可以通过叠加图层（Layer）的方式将相同坐标系的不同地图叠加到一起，以便于整合地图服务

第四步：保存成工作空间，发布交通网络分析服务第五步：调用超图iclient接口实现networkAnalyst:function(startPoint,endPoint){varthat=this;varnetworkAnalystService

首先创建一个场景window.viewer=viewer=newCesium.Viewer("map",{infoBox:false,//关闭相机信息弹窗});获取图层列表constlayers=viewer.scene.imageryLayers;在图层列表上添加一个图层，调用WebMapTileServiceImageryProvider方法加载第三方天地图viewer.imageryLaye

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

前言在使用SuperMapiClient3DforWebGL(下面简称WebGL)气泡的时候,你可能会发现，在场景缩放的同时气泡偏移了,不在气泡开始所在的位置了如下图所示,下面就教你气泡如何正确悬停。第一种方法首先在电脑显示设置缩放于布局里面将电脑分辨率设为100%。然后将浏览器的缩放比例设为100%(ctrl+鼠标滑轮设置缩放比例)然后再使用分层分户的示例dem，你会发现悬停位置不随场景缩放而改

作者：taco相信很多人都有在尝试使用超图提供的iClient3Dvue组件产品，但是最近遇到了一些客户，在使用上有些问题。明明配置好了却出不来球？为什么总是报错？

作者：taco在实际的场景应用中，通常都会在场景中添加一些底图。官网示例中已经包含了本地底图，iserver发布的底图，必应底图等。但是这些底图的清晰度并不能满足大部分人的需求。这时候我们就选择到了天地图。关于全国天地图的加载，之前的文档中已经介绍过了可以在（https://blog.csdn.net/supermapsupport/article/details/119787510）这部分查看到

纯新手如何安装Vue以及引入SuperMapiClient3DforWebGL包Vue安装安装NodeJS1.官网下载NodeJS2.安装msi文件检查NPM版本3.查看npm版本4.查看npm本地目录5.淘宝镜像NPM获取并安装Vue6.检查是否能正确获取Vue信息7.检查PATH并新增NODE_PATH8.安装Vue和Vue-cli创建Vue项目9.创建新的Vue项目WebGL包引入配置Web

作者：nannan在场景中查询结果通常以标记点（布告板）的形式展现，但是如果标记点较多，不仅会大大增加客户端的渲染时间，让客户端变得很卡，而且会让人产生密集恐惧症（图1）。图1为了解决这一问题，我们需要一种手段能在用户有限的可视区域范围内，利用最小的区域展示出最全面的信息，而又不产生重叠覆盖。它就是点聚合。本文小编采用1万个点进行的聚合，下面先看点聚合效果图：图2聚合显示个数图3聚合显示原图片代码

作者：kele前言在三维场景中，往往会表达各种地物的范围，传统的地物范围表达方式一般是通过线、面来框选。下面小编为大家介绍一种动态围墙效果，这种效果不仅美观，还具有科技感，下面就随小编一起来看看具体的实现过程吧。一、接口介绍动态围墙，顾名思义，我们可以将其分解为：动态、围墙；动态可通过CallbackProperty接口实现，围墙可通过entity中wall墙体实现。实现思路是给wall墙体设置颜

作者：桔子本文同步发布于https://www.jianshu.com/p/5a46b8538182前一节提到了Vue.$globe自定义属性，这一节着重来介绍设计这个自定义属性的初衷和用法。Vue的MVVM架构的一个核心功能就是数据的绑定，将部分数据在data属性中进行监听，大多数开发者在使用SuperMapiClient3DforWebGL和Vue进行结合开发时，会情不自禁的将viewer、s

作者：桔子本文同步发布于https://www.jianshu.com/p/32f5c5b91c12Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。这是Vue官网对Vue的介

本人小白一枚，文章如有问题还请各位大神评论区指出。整体实现是参考SuperMapiClient3DforCesium的量算功能源码，链接：http://support.supermap.com.cn:8090/webgl/examples/webgl/editor.html#measureHandler文章目录前言一、主要功能二、具体实现1.HTML主要结构2.javascript三、问题总结前言

文章目录一、环境依赖1.Cesium类库整合2.iClient3DforWebGL与Cesium关系3.视频教程二、监听1.用户输入事件2.坐标拾取3.拾取实体4.实体改变监听事件5.双击全屏6.相机移动事件三

在之前的博文中，我们已经向大家介绍了SuperMapiClient3DforWebGL如何加载平面场景。对于球面场景和平面场景，除了在加载的时候需要转换场景模式外，还有以下几个方向与球面场景有差异。加载实体球面场景加载实体：viewer.entities.add(newCesium.Entity({point:newCesium.PointGraphics({color:newCesium.Col

1说明源码地址：https://github.com/SuperMap/iClient3D-vue发布地址：http://support.supermap.com.cn:8090/webgl/examples

文章目录1：下载SuperMapiClient3DforWebGL2：格式化项目中所用的依赖包3：vue2项目引入4：vue2页面使用常见方法4.1创建三维场景，引入在线地图资源，定位到指定位置4.2坐标拾取4.3用户输入事件4.4拾取实体4.5实体改变监听事件4.6双击全屏4.7相机移动事件4.8添加点位和名称Label4.9添加点4.10添加线4.11添加面4.12添加文字4.13添加图标（图

作者：kk文章目录一、iServer转发A的REST服务为WMS服务二、使用WebGL加载转发后的WMS服务三、获取到点击地图返回的信息并解析一、iServer转发A的REST服务为WMS服务步骤：快速创建服务->ArcGISREST地图服务->输入ArcGISREST地图服务地址eg：http://ip:6080/arcgis/rest/services/WMS/MapServer能力文档：二、

二、依赖和使用"ol":"^6.15.1""@supermap/iclient-classic":"^11.0.0",

圆形旋转广告牌.gif在这个效果图中，还有另外一个比较有意思的效果，圆形的旋转广告牌，这一级来实现该效果。1、效果分析在该效果中，可以将效果进行拆分，主要有一下两个难点：（1）侧面贴图，基于之前的经验可以选择wall对象进行实现。（2）旋转效果，该效果可以有两个想法，一个是通过设置对象的orientation进行实现，类似前面实现的雷达扫描效果，另外一个想法就是通过改变wall的节点顺序，基于这两

官网：https://iclient.supermap.io/web/apis/vue/zh/api/guide/installation.html关于图的使用，其余的引入步骤不再赘述，仅说注意事项。

在上一篇文章里面，介绍了椭圆实体EllipseGraphics，这一篇我们来看看EllipsoidGraphics椭球体，同样的我们先看看下面这张图，了解EllipsoidGraphics有哪些属性，分别是干什么用的；EllipsoidGraphics关于fill，show，shadows以及distanceDisplayCondition等属性，就不做说明了，大家可以查看前一篇文章，主要说明下椭

作者：nannan目录前言一、HDR格式的环境光贴图概念二、HDR格式的环境光贴图生成2.1Photoshop生成2.2格式转换（.psd->.hdr）2.3格式转换（.hdr->.ktx）三、HDR格式的环境光贴图加载3.1关键代码3.2效果展示前言在三维渲染效果要求越来越逼真的大环境下，超图不负众望，最新SuperMapiClient3D11i(2023)forWebGL/WebGPUbeta

作者：nannan目录前言一、代码思路1.1绘制面实体对象1.2鼠标左键按下事件1.3鼠标移动事件1.4鼠标左键抬起事件二、运行效果三、注意事项前言SuperMap官网三维前端范例编辑线面，可以对面实体对象的节点进行增加、删除以及修改位置。那可不可以整个线/面对象选中后鼠标拖动，使该面对象的整体位置随着鼠标的移动而移动呢？目前客户这种需求是为了项目上可以实时调整面的区域，方便后端出图。下面和小编一

需求如下：根据返回经纬度数据，显示地点，支持搜索查询，手动打点，手动绘制图形画区域supermap+leaflet官方文档npm安装@supermap/iclient-leafletnpminstall

传送门：Vue3+Vite+SuerMapiClient构建报错UncaughtTypeErrorutils.inheritsisnotafunction_非法小恋的博客-CSDN博客cdevDependencies版本要修改"@vue/compiler-sfc":"^3.2.6","events":"^3.3.0","util":"^0.12.4","vite":"^2.8.0"重新cnpmin

1、设置方法：token的使用手册2、使用二维的可以先看下超图官网的例子https://iclient.supermap.io/examples/openlayers/editor.html#iPortalSecurity

最近有客户咨询是否能实现如下的动态标注效果，下面来看下如何实现。棱锥标注.gif1、棱锥实现从截图可以看到，这里对象是棱锥，但是在Cesium的Enity对象中，并没有直接的棱锥对象可以使用，这里有两个思路去解决。（1）通过primitive去绘制，需要自己构建棱锥的每一个顶点坐标、索引、位置矩阵，以及shader等等。从表面看这种方式比较直接，但是开发解决WebGL底层，需要大量的基础支持和计算

超图官网demo地址：http://iclient.supermap.io/examples/component/editor.html#components_animate_marker_layer_vue

SuperMapGIS基础产品WebGISFAQ集锦（2）【iClient】Vue中该如何使用inject传递Map容器？

SuperMapGIS基础产品WebGISFAQ集锦（3）【iClient】iClientforLeaflet,如何修改map的默认渲染方式？

SuperMapGIS基础产品WebGISFAQ集锦（1）【iClient】【11.0.1】如何使用Leaflet对接iserver发布的tms服务？

SuperMapGIS基础产品WebGISFAQ集锦（5）【iClient】iClientforClassic如何设置服务跨域时，请求json而不是jsonp？