iclient3d专题

SuperMap iClient3D 11i(2023) SP1 for Cesium 调整

SuperMap iClient3D 11i(2023) SP1 for Cesium 最新版本 下载地址 SuperMap技术资源中心|为您提供全面的在线技术服务 每一次版本升级,都要对代码进行修改调整,都是为了解决功能需求。当然,也为产品做了小白鼠测试,发现bug,优化功能。 由于前端开发使用的是dojo框架,类似于require amd模块化设计。需要对Cesium.js分拆独立使

编译SuperMap/Vue-iClient3D-WebGL问题

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

webpack引入SuperMap iClient3D 8C for Plugin

什么是webpack? webpack是时下很火的一款代码打包工具,理念是“一切皆模块”,能把各种资源作为模块来使用。虽然webpack本身只能打包JS,但其有很多“loader”可以打包各种文件,使得其很强大。最近学习webpack,发现很适合管理三维SPA页面的管理,在此分享一下用webpack引入SuperMap iClent3D 8C for Plugin的方法。本文重点讲webpack

SuperMap iClient3D for WebGL产品包更新--201702

SuperMap iClient3D for WebGL将于每月更新一次产品包,目前已更新至2017年02月版本。 下载SuperMap iClient3D for WebGL最新产品包请点击:下载链接 ##主要更新内容## 对比2016年12月发布版本,最新产品包主要变更了以下内容。 Cesium升级到1.30版本 新增WebGL检测报告页面,快速检测使用设备及浏览器是否支持WebGL、深

SuperMap iClient3D for WebGL 实用锦囊之数据加载与显示

SuperMap iClient3D for WebGL 实用锦囊之数据加载与显示 数据是GIS的血液,如果没有数据,后续的所有操作都无法实现。大家在使用SuperMap iClient3D for WebGL来做web端的三维应用开发时,首先需要实现的就是数据的显示。今天小编将SuperMap技术问答社区上(http://ask.supermap.com/)受到颇多关注的数据显示问题编辑整理出

SuperMap iClient3D for WebGL教程(Entity)-Knockout

作者:为梦齐舞 本文同步更新于简书文章https://www.jianshu.com/p/54a80317d6b5 我们经常使用到这样的功能,我们在界面里面拖动一个滑动条,模型就变小或者变大了;我们拖动一个滑动条,场景颜色变暗淡了,我们输入一个数字,我们的体重就变…这里就想想就好啦 这一切的原因都归功于Cesium.knockout;但需要注意Cesium中的knockout与Knock

SuperMap iClient3D for WebGL教程(Entity)-Cesium中的坐标系及转换

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

SuperMap iClient3D for WebGL沿线飞行飞行(一)

本篇文章主要为通过调用WebGL中的控制相机的相关接口,来实现飞行管理,从而实现WebGL中的飞行管理接口不能实现的功能,如不需要.fpf文件,添加站点等。由于使用都是基础的控制camera接口,因此也适用于Cesium。 1.为何要实现飞行管理 在SuperMap iClient3D for WebGL中已经有可以对飞行进行管理的接口,具体示例可以参考下面的链接: http://suppor

SuperMap iClient3D for WebGL教程-orientation

作者:桔子 本文同步更新于简书文章https://www.jianshu.com/p/98b24e06d981 本节教程来讲解entity的一个重要属性-orientation,直译过来是方向,小编更喜欢称之为姿态。也就是说实体放到场景中的的形态。在一些应用场景中,需要调整实体对象的方向,尤其是模型对象,需要设置初始方向。 在这之前需要了解下三维球上控制对象姿态的参数,heading、p

SuperMap iClient3D for WebGL教程(Entity)- viewFrom偏移量属性

作者:刘大 本文已同步更新于简书https://www.jianshu.com/p/e262d0d17974 viewFrom,是指查看此实体对象的建议初始偏移量,往往是结合viewer.trackedEntity使用,他的用法比较简单,如下 var entity = viewer.entities.add({name : url,position : Cesium.Cartesian

SuperMap iClient3D for WebGL教程(空间分析)- Skyline天际线分析

作者:刘大 天际线,天际线又称城市轮廓或全景,是指天空与观察点周围的表面以及要素相分离的界线。天际线分析功能可根据观察点,生成当前场景窗口中建筑物顶端边缘与天空的分离线,主要用于城市建筑规划等场景中 ###iClient3D for WebGL提取天际线 1.创建天际线分析,可设定相关展示属性参数 // 创建天际线分析对象var skyline = new Cesium.Skyline

SuperMap iClient3D for WebGL教程(S3MTilesLayer)- 图元操作

作者:刘大 S3MTilesLayer,S3M(Spatial 3D Model)图层类,通过该图层实现加载三维切片缓存,包括倾斜摄影模型、BIM模型、点云数据、精细模型、矢量数据、符号等。 那S3MTilesLayer中针对图元的操作主要有‘颜色’,‘偏移’,‘可见性’’等,可通过下面这张表格,查看对应的方法,文章接下来就从这3个操作来进行说明 首先,图元的操作是基于图元对象的id

SuperMap iClient3D for WebGL教程(S3MTilesLayer)- 多源数据加载

作者:为梦齐舞 本文同步更新于简书文章[https://www.jianshu.com/p/6718532cd731]        大家都知道Cesium加载的三维模型缓存格式是3DTiles,超图在SuperMap iClient3D for WebGL中提出了自己的格式s3m,s3m是一种开放式可扩展的三维地理空间数据格式——Spatial 3D Model(S3M),对倾斜摄影模型

SuperMap iClient3D for WebGL教程(特效)- 扫描线

WebGL带有许多特效效果,本文给大家讲讲怎么实现扫描线的效果。当需要实现事故影响范围的传播,可以使用这个功能。 一、开启特效 扫描线特效的功能主要的接口是new Cesium.ScanEffect(),在使用扫描线接口前,应先将场景的扫描功能开启,如下 viewer.scene.scanEffect.show = true; 二、构造扫描线 然后设置扫描的中心点和使用哪种扫描模式(圆

SuperMap iClient3D for WebGL教程(特效)- 线框模式

nannan 线框模式是模型填充风格的一种,主要包括三角形模式、四边形模式和草图模式三种显示。 三角形模式显示模型最原始的三角网形式,保留原有所有细节。 四边形模式和草图模式只显示了模型形状,草图模式模型边缘较粗糙。 下面来看其在WebGL里的主要代码: 1.设置模型填充风格: layer.style3D.fillStyle = Cesium.FillStyle.WireFram

SuperMap iClient3D for WebGL教程(粒子)- 爆炸粒子

nannan 在 SuperMap iClient3D for WebGL 中,粒子特效的使用场景是粒子系统通过产生大量小的 2D 图像来模拟流体实体,如水柱, 烟雾,火焰,云以及降雨,下雪等。 本文主要讲解爆炸粒子的制作与调整过程。爆炸粒子效果由四部分组成:Particle、ParticleEmitter、 ParticleBurst 与 ParticleSystem,其作用分别如下:

SuperMap iClient3D for WebGL教程(空间分析)- 地表开挖及修改

地表开挖主要是为了显示出地下的场景,比如地下管网,而地形修改通常是为了让地表平整,便于跟模型匹配,接下来我们分别说说如何实现地表开挖和地形修改。 地表开挖 1.引用核心样式文件和库文件 <script type="text/javascript" src="./js/require.min.js" data-main="js/main"></script><link href="../B

SuperMap iClient3D for WebGL教程(空间分析)- 视频投放

视频投放的作用是将当前视角作为观察点或者指定观察点,将指定的视频文件投影在场景中播放,用来模拟视频中事件发生的真实情景。实现的思路是用h5的video标签来加载播放视频,然后将它投放到场景的建筑模型上或者地面上,下面我们就直接讲代码如何实现此功能。 开发步骤 1.用video加载需要投放的视频 <video id="trailer" style="display:none" autopla

SuperMap iClient3D for WebGL 用 WebMapTileServiceImageryProvider 接口加载天地图 WMTS 服务

SuperMap iClient3D for WebGL 用 WebMapTileServiceImageryProvider 接口加载天地图 WMTS 服务 申请天地图开发者 token读懂能力文档和 WMTS 接口参数1. WebGL 接口 API2. 天地图能力文档3. 对照能力文档填写 WMTS 参数 完整代码和加载效果不能正常加载的情况1. tileMatrixLabels 未设置

纯新手如何安装 Vue 以及引入 SuperMap iClient3D for WebGL 包

纯新手如何安装 Vue 以及引入 SuperMap iClient3D for WebGL 包 Vue 安装安装 NodeJS1. 官网下载 NodeJS2. 安装 msi 文件 检查 NPM 版本3. 查看 npm 版本4. 查看 npm 本地目录5. 淘宝镜像 NPM 获取并安装 Vue6. 检查是否能正确获取 Vue 信息7. 检查 PATH 并新增 NODE_PATH8. 安装 Vu

SuperMap iClient3D for WebGL 之反向遮罩

作者:Taco 前言         全球范围内如果要凸显某一个区域,往往都是通过使这个区域高亮显示。但是有时候由于地球的影像花花绿绿的,导致不能一眼就看到我们需要看到的部分。那么我们该如何在加载全球场景的时候一下子就能看到我们想要看的呢?不如我们把其他部分都给盖上!只显示我们需要的!         那么通过什么能够实现这个功能呢?首先想到的就是entity,直接用实体把地球给盖上呗,然而

SuperMap iClient3D for WebGL 场景美化之飞线

作者:Taco 前言         之前有过一篇美化场景的文章,而那篇文章主要是通过添加各种各样的光源来实现的,先给整个场景一个环境光把场景的亮度调暗,再通过添加各式各样的光源(点光源,平行光源,聚光源)来使得场景看起来更加美观。但是这样的场景依然显得空落落的,空的区域还是占了很多。那么该加一些什么让场景看起来好看一些呢?         在有些案例中会绘制一些向上移动的线条这里简称成飞线

超图iserver发布的三维影像有黑色或其他背景色-SuperMap iClient3D for WebGL代码去除

未去除前效果: 去除后效果: 代码核心:layer.transparentBackColorTolerance = 0.2 var layer = viewer.imageryLayers.addImageryProvider(new Cesium.SuperMapImageryProvider({ url : “http://172.27.11.7:8098/iserver/services

SuperMap iClient3D for Cesium绘制河流(二)

作者:kele 前言 之前分享过一篇《SuperMap iClient3D for WebGL绘制河流》(跳转)的文章,当时的思路是以 entity 中的 polyline 作为载体,给它添加流动材质来表达出河流效果,但是由于 polyline 对象是像素宽度,线宽始终是相对屏幕的固定大小,导致在场景放大缩小过程中,河流宽度与周围的山脉位置和大小不匹配,这个问题困扰了小编好久。最近想到了一

SuperMap iClient3D for WebGL实现浮动点效果

文章目录 前言一、update方法二、创建实体点三、效果 前言 基于SuperMap iClient3D for WebGL实现浮动点效果,原理就是不断改变实体的高度,这里我们选择使用CallbackProperty来实现。 一、update方法 var cc = 0var dd = truevar update = function() {if(cc<2 && d

SuperMap iClient3D for WebGL时序影像

文章目录 前言一、加载影像数据二、创建时间条1.这里使用Echarts来创建TimeLine,首先需要引入相关依赖2.初始化Echarts实例 三、设置不同年份影像交替显示四、效果 前言 时序影像可以用于对地球表面的变化进行定量分析和监测。 通过对多时相遥感影像的比较和分析,可以揭示地理现象的时空演变规律,提供科学依据和决策支持。下面就让我们来看看如何在SuperMap iC