@mapgis/webclient-cesium-plugin
Version:
A lightweight 3D GIS network client development platform based on WebGL.
2,590 lines • 77.4 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> RiverGeometry</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/app.min.css">
<link type="text/css" rel="stylesheet" href="styles/iframe.css">
<link type="text/css" rel="stylesheet" href="">
</head>
<body class="layout small-header">
<div id="stickyNavbarOverlay"></div>
<div class="top-nav">
<div class="inner">
<a id="hamburger" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
<div class="logo">
<h1> MapGIS Client for JavaScript API</h1>
</div>
<div class="menu">
<div class="navigation">
<a
class="link user-link "
href="/static/modules/common/api/common-mapgis/index.html"
>
Common
</a>
<a
class="link user-link "
href="/static/modules/cesium/api/cesium-mapgis/index.html"
>
Cesium-Plugin
</a>
<a
class="link user-link "
href="/static/modules/mapboxgl/api/mapboxgl-mapgis/index.html"
>
MapboxGL-Plugin
</a>
<a
class="link user-link "
href="/static/modules/leaflet/api/leaflet-mapgis/index.html"
>
Leaflet-Plugin
</a>
<a
class="link user-link "
href="/static/modules/openlayers/api/openLayers-mapgis/index.html"
>
OpenLayers-Plugin
</a>
<a
class="link user-link "
href="/static/modules/video/api/video-mapgis/index.html"
>
Video-Plugin
</a>
</div>
</div>
</div>
</div>
<div id="main">
<div
class="sidebar "
id="sidebarNav"
>
<div>
<span class="mapgis-api-document-span"><a href="index.html">API文档</a></span>
</div>
<div class="search-wrapper">
<input id="search" type="text" placeholder="搜索文档..." class="input">
</div>
<nav>
<div class="category"><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">扩展模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="AlgorithmLib"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="AlgorithmLib.html">AlgorithmLib</a><span style="display: none;"><p>通用算法工具集</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="AngulationTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="AngulationTool.html">AngulationTool</a><span style="display: none;"><p>角度测量工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="AnimationTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="AnimationTool.html">AnimationTool</a><span style="display: none;"><p>场景漫游工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISMapServerImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapServerImageryProvider.html">ArcGISMapServerImageryProvider</a><span style="display: none;"><p>ArcGIS地图服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISMapServerSingleImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISMapServerSingleImageryProvider.html">ArcGISMapServerSingleImageryProvider</a><span style="display: none;"><p>ArcGIS地图服务一张图出图接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISTileServerImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISTileServerImageryProvider.html">ArcGISTileServerImageryProvider</a><span style="display: none;"><p>ArcGIS瓦片服务接入类，现已不支持通过构造函数(new ArcGISTileServerImageryProvider())的方式初始化图层，而是使用fromUrl方法构造图层</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ArcGISVectorTileImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ArcGISVectorTileImageryProvider.html">ArcGISVectorTileImageryProvider</a><span style="display: none;"><p>ArcGIS矢量瓦片服务接入类，现已不支持通过构造函数(new ArcGISVectorTileImageryProvider())的方式初始化图层，而是使用fromUrl方法构造图层</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="BaseImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="BaseImageryProvider.html">BaseImageryProvider</a><span style="display: none;"><p>基础影像服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Cesium3DTileset"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Cesium3DTileset.html">Cesium3DTileset</a><span style="display: none;"><p>Cesium3DTileset对象，现已不支持通过构造函数(new Cesium3DTileset())的方式初始化图层，而是使用fromUrl方法构造图层</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Cesium.Material"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Cesium.Material.html">Material</a><span style="display: none;"><p>新增了部分Cesium材质<br>
《PolylineTrailLink材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-polyline'>《线示例》</a>
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-wall'>《墙示例》</a><br>
color: 材质颜色，Cesium.Color.WHITE<br>
image: 材质使用的图片，Cesium.Material.PolylineTrailLinkImage<br>
duration: 持续时间，100.0<br>
direction: 方向，1.0<br>
repeat: 重复次数，new Cesium.Cartesian2(1.0, 1.0)<br><br>
《CircleWaveMaterial材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a>
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circular'>《圆锥示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
duration: 持续时间，100.0<br>
count: 方向，1.0<br>
gradient: 渐变因子，0.1<br><br>
《RadarMaterial材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color.WHITE<br>
speed: 速度，1<br><br>
《AspectArrow材质》
AspectArrowMap: 箭头图片，Cesium.Material.DefaultImageId<br>
repeat: 箭头重复次数，Cesium.Cartesian2(1.0, 1.0)<br><br>
《TextImage材质》<br>
image: 文字图片，Cesium.Material.DefaultImageId<br>
repeat: 图片重复次数，Cesium.Cartesian2(1.0, 1.0)<br>
breathingLight: 是否开启呼吸灯，false<br>
duration: 运行周期，1000<br><br>
《LineFlickerMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，5<br><br>
《CircleScanMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《CirclePulseMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《CircleDiffuseMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《ScanlineType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《CircleFadeMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《CircleColorfulMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《CircleSpiralMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《CircleBlurMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《RadarScanMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《RadarLineMaterialType材质》<br>
参考示例：
<a href='http://webclient.smaryun.com/#/modules/cesium/tdGraph/tdGraphBase/td-graph-circle'>《圆示例》</a><br>
color: 材质颜色，Cesium.Color(1.0, 0.0, 0.0, 1.0)<br>
speed: 速度，10<br><br>
《RiverCoveringMaterial材质》<br>
color: 材质颜色，Cesium.Color(1, 1, 1, 0.7)<br>
animationSpeed: 播放速度，0.01<br>
image: 材质图片，CustomMaterial.DefaultImageId<br>
repeat: 重复次数，2.0<br><br></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Cesium.Viewer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Cesium.Viewer.html">Viewer</a><span style="display: none;"><p>重写Cesium.Viewer的方法</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CesiumHeatmap"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CesiumHeatmap.html">CesiumHeatmap</a><span style="display: none;"><p>热力图</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CesiumTerrainProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CesiumTerrainProvider.html">CesiumTerrainProvider</a><span style="display: none;"><p>Cesium地形图层</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CircleWaveMaterialProperty"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CircleWaveMaterialProperty.html">CircleWaveMaterialProperty</a><span style="display: none;"><p>动态圆波纹材质</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CollisionDetectionByRender"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CollisionDetectionByRender.html">CollisionDetectionByRender</a><span style="display: none;">undefined</span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CompatibleFunc"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CompatibleFunc.html">CompatibleFunc</a><span style="display: none;"><p>适配不同版本Cesium接口方法类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="createColorTexture"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="createColorTexture.html">createColorTexture</a><span style="display: none;"><p>天际线分析</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CustomProjection"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CustomProjection.html">CustomProjection</a><span style="display: none;"><p>实现自定义投影坐标系与地理坐标系经纬度（弧度表示）之间的投影变换</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CustomTilingScheme"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CustomTilingScheme.html">CustomTilingScheme</a><span style="display: none;"><p>自定义瓦片平铺方案，在使用时有如下限制：</p>
<ol>
<li>裁图原点必须在地图范围的左上角区域；</li>
<li>仅支持如同谷歌地图的瓦片组织方式，即Y轴编号从上到下递增，X轴编号从左到右递增；</li>
</ol></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CutFillAnalysis"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CutFillAnalysis.html">CutFillAnalysis</a><span style="display: none;"><p>填挖方分析</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="CuttingTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="CuttingTool.html">CuttingTool</a><span style="display: none;"><p>三维场景裁剪工具集</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="DrawElement"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="DrawElement.html">DrawElement</a><span style="display: none;"><p>几何绘制类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="DrawTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="DrawTool.html">DrawTool</a><span style="display: none;"><p>绘制工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="DynamicEntityVisualizer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="DynamicEntityVisualizer.html">DynamicEntityVisualizer</a><span style="display: none;"><p>动态实体视图类封装
1、支持BillBoard、Label、GroundPrimitive等动态显示，处理覆盖问题
2、动态显隐效果
3、视窗内性能优化</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="EditTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="EditTool.html">EditTool</a><span style="display: none;"><p>标绘编辑工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FloodAnalysis"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FloodAnalysis.html">FloodAnalysis</a><span style="display: none;"><p>洪水淹没分析</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FloodAnalysisReflection"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FloodAnalysisReflection.html">FloodAnalysisReflection</a><span style="display: none;"><p>创建反射水面淹没分析的实例化对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FlowParticle"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FlowParticle.html">FlowParticle</a><span style="display: none;"><p>流体粒子对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Fluid"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Fluid.html">Fluid</a><span style="display: none;"><p>流体模拟对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FluidFoam"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FluidFoam.html">FluidFoam</a><span style="display: none;"><p>流体白浪对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FluidReflection"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FluidReflection.html">FluidReflection</a><span style="display: none;"><p>流体反射对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FluidShadow"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FluidShadow.html">FluidShadow</a><span style="display: none;"><p>流体阴影对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FluidSourceCollection"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FluidSourceCollection.html">FluidSourceCollection</a><span style="display: none;"><p>流体源集合对象（该对象会在Fluid内部进行实例化，不需要额外手动实例化）</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="FluidSpecular"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="FluidSpecular.html">FluidSpecular</a><span style="display: none;"><p>流体高光对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="GlobeIndependentTranslucency"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GlobeIndependentTranslucency.html">GlobeIndependentTranslucency</a><span style="display: none;"><p>单独控制地表透明度和影像图层的透明度，能够在开启地表透明后使部分影像图层不受地表透明的影响。</p>
<p>实例化该类的对象同时也能够使用原生的地表透明参数，能够直接在实例化对象上修改 <code>GlobeTranslucency</code> 的参数（原生的
viewer.scene.globe.translucency依然能够使用，但两者同时使用时会造成相互干扰，推荐仅使用GlobeIndependentTranslucency来实现地表透明），
使用原生的地表透明方式还是该类的地表透明方式由 <a href="GlobeIndependentTranslucency.html#imageryLayers"><code>GlobeIndependentTranslucency#imageryLayers</code></a> 数组是否为空来区分。</p>
<p>1. 当 <a href="GlobeIndependentTranslucency.html#imageryLayers"><code>GlobeIndependentTranslucency#imageryLayers</code></a> 不为空数组时，使用该类的地表透明方式，此时能够设置并生效的地表透明参数如下：</p>
<ul>
<li><code>globeFaceAlpha</code>：地表的透明度，若设置该参数则<code>globeFaceAlphaByDistance</code>不生效；</li>
<li><code>globeFaceAlphaByDistance</code>：地表的透明度根据视点距离的变化范围，当<code>globeFaceAlpha</code>为<code>undefined</code>时生效；</li>
</ul>
<p>2. 当 <a href="GlobeIndependentTranslucency.html#imageryLayers"><code>GlobeIndependentTranslucency#imageryLayers</code></a> 为空数组时，使用原生的地表透明方式，此时能够设置并生效的地表透明参数如下：</p>
<ul>
<li><code>frontFaceAlpha</code>：地表正面的透明度；</li>
<li><code>frontFaceAlphaByDistance </code>：地表正面的透明度根据视点距离的变化范围；</li>
<li><code>backFaceAlpha</code>：地表背面的透明度；</li>
<li><code>backFaceAlphaByDistance</code>：地表背面的透明度根据视点距离的变化范围；</li>
<li><code>rectangle</code>：将地表透明的区域限制在一个矩形范围内。</li>
</ul></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Graphic"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Graphic.html">Graphic</a><span style="display: none;"><p>标绘图元对象<br>
请参考以下示例:<br>
<a href='#example1'>1、初始化标绘图层</a><br>
<a href='#example2'>2、添加一个多边形图元</a><br>
<a href='#example3'>3、新增一个类型为div的标绘对象</a><br>
<a href='http://webclient.smaryun.com/#/example-gallery/cesium#tdGraphBase' target='_blank'>4、更多示例</a></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="GraphicsLayer"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GraphicsLayer.html">GraphicsLayer</a><span style="display: none;"><p>标绘图层<br>
请参考以下示例:<br>
<a href='#example1'>1、初始化标绘图层</a><br>
<a href='#example2'>2、重写提示框对象</a><br>
<a href='http://webclient.smaryun.com/#/example-gallery/cesium#tdGraphBase' target='_blank'>3、更多示例</a></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="GraphicTransformTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GraphicTransformTool.html">GraphicTransformTool</a><span style="display: none;"><p>基础标绘变换工具集</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="HeightLimited"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="HeightLimited.html">HeightLimited</a><span style="display: none;"><p>限高分析</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="initializeOptions"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="initializeOptions.html">initializeOptions</a><span style="display: none;"><p>构建实例化对象的配置参数</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="isCounterClockwise"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="isCounterClockwise.html">isCounterClockwise</a><span style="display: none;"><p>地形剖切工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="KeyboardCameraController"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="KeyboardCameraController.html">KeyboardCameraController</a><span style="display: none;"><p>场景相机漫游工具，可以实现沉浸式的鼠标键盘漫游功能，具体操作方法如下：</p>
<p>1. 相机平移操作，这类操作不会改变相机的朝向，只会改变相机的位置：</p>
<ul>
<li><code>W</code>：相机位置向前移动</li>
<li><code>S</code>：相机位置向后移动</li>
<li><code>A</code>：相机位置向左移动</li>
<li><code>D</code>：相机位置向右移动</li>
<li><code>Q</code>：相机位置升高</li>
<li><code>E</code>：相机位置降低</li>
</ul>
<p>2. 相对于相机视点操作，其中<code>U</code>，<code>O</code>，<code>J</code>，<code>L</code>操作会改变相机的位置，也会改变相机的朝向，而<code>I</code>，<code>K</code>操作只会改变相机相较视点的距离（在执行<code>U</code>，<code>O</code>，<code>J</code>，<code>L</code>操作时请勿同时执行其他按键操作）：</p>
<ul>
<li><code>I</code>：相机视角靠近屏幕中心点</li>
<li><code>K</code>：相机视角远离屏幕中心点</li>
<li><code>J</code>：绕屏幕中心点向左旋转</li>
<li><code>L</code>：绕屏幕中心点向右旋转</li>
<li><code>U</code>：绕屏幕中心点向上旋转</li>
<li><code>O</code>：绕屏幕中心点向下旋转</li>
</ul>
<p>3. 相机自身操作，这类操作不会改变相机的位置，只会改变相机的朝向（在全屏状态下可使用鼠标调整相机视角）：</p>
<ul>
<li><code>↑</code>：向上抬高视角</li>
<li><code>↓</code>：向下降低视角</li>
<li><code>←</code>：向左移动视角</li>
<li><code>→</code>：向右移动视角</li>
</ul>
<p>4. 鼠标操作：</p>
<ul>
<li>开启鼠标操作功能后，页面将进入全屏模式，此时相机视角可通过鼠标移动进行操作</li>
</ul>
<p>5. 辅助操作：</p>
<ul>
<li><code>Shift</code>：加速相机平移操作，调整移动步长为原来的两倍</li>
<li><code>R</code>：重置视角到初始视角，仅在参数<code>initView</code>定义时有效</li>
</ul></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISDynamicLabelCollection"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISDynamicLabelCollection.html">MapGISDynamicLabelCollection</a><span style="display: none;"><p>动态注记容器</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISFeatureGridCollection"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISFeatureGridCollection.html">MapGISFeatureGridCollection</a><span style="display: none;"><p>网格要素容器</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISImageServerImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISImageServerImageryProvider.html">MapGISImageServerImageryProvider</a><span style="display: none;"><p>IGS影像服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISM3DSet"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISM3DSet.html">MapGISM3DSet</a><span style="display: none;"><p>MapGISM3DSet对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISMapServerImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISMapServerImageryProvider.html">MapGISMapServerImageryProvider</a><span style="display: none;"><p>IGS地图服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISMapServerSingleImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISMapServerSingleImageryProvider.html">MapGISMapServerSingleImageryProvider</a><span style="display: none;"><p>IGS地图服务一张图出图接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISTerrainProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISTerrainProvider.html">MapGISTerrainProvider</a><span style="display: none;"><p>MapGIS地形服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISTerrainService"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISTerrainService.html">MapGISTerrainService</a><span style="display: none;"><p>MapGIS地形服务对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISTileAvailability"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISTileAvailability.html">MapGISTileAvailability</a><span style="display: none;"><p>MapGIS的TileAvailability类，重写了Cesium.TileAvailability的所有方法，支持在内部自动筛选要使用的地形图层</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISTileServerImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISTileServerImageryProvider.html">MapGISTileServerImageryProvider</a><span style="display: none;"><p>IGS瓦片服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MapGISVectorTileImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MapGISVectorTileImageryProvider.html">MapGISVectorTileImageryProvider</a><span style="display: none;"><p>MapGIS矢量瓦片服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MeasureAreaTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MeasureAreaTool.html">MeasureAreaTool</a><span style="display: none;"><p>面积测量工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MeasureLengthTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MeasureLengthTool.html">MeasureLengthTool</a><span style="display: none;"><p>距离测量工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="MeasureSlopeTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="MeasureSlopeTool.html">MeasureSlopeTool</a><span style="display: none;"><p>坡度测量工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ModelEditor"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ModelEditor.html">ModelEditor</a><span style="display: none;"><p>模型矩阵编辑工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ModelFilterTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ModelFilterTool.html">ModelFilterTool</a><span style="display: none;"><p>模型空间过滤工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ModelTransformTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ModelTransformTool.html">ModelTransformTool</a><span style="display: none;"><p>模型变换工具集</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="NavigationTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="NavigationTool.html">NavigationTool</a><span style="display: none;"><p>A mixin which adds the Compass/Navigation widget to the Viewer widget.
Rather than being called directly, this function is normally passed as
a parameter to <code>Viewer#extend</code>, as shown in the example below.</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="OpenWeatherImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="OpenWeatherImageryProvider.html">OpenWeatherImageryProvider</a><span style="display: none;"><p>OpenWeatherMap服务服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="PointFluidSource"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PointFluidSource.html">PointFluidSource</a><span style="display: none;"><p>点流体源对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="PolylineTrailLinkMaterialProperty"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PolylineTrailLinkMaterialProperty.html">PolylineTrailLinkMaterialProperty</a><span style="display: none;"><p>流动纹理线材质</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="PostProcessStageLibrary"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="PostProcessStageLibrary.html">PostProcessStageLibrary</a><span style="display: none;"><p>用于创建后处理特效的扩展库</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="RadarMaterialProperty"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="RadarMaterialProperty.html">RadarMaterialProperty</a><span style="display: none;"><p>雷达扫描材质</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ReImg"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ReImg.html">ReImg</a><span style="display: none;"><p>截图(保存图片)</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="RoamParticle"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="RoamParticle.html">RoamParticle</a><span style="display: none;"><p>跟随模型移动粒子特效</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="S3MTileset"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="S3MTileset.html">S3MTileset</a><span style="display: none;"><p>S3MTileset类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="SelectTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SelectTool.html">SelectTool</a><span style="display: none;"><p>绘制工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ShadowRateAnalysis"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ShadowRateAnalysis.html">ShadowRateAnalysis</a><span style="display: none;">undefined</span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="SingleImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SingleImageryProvider.html">SingleImageryProvider</a><span style="display: none;"><p>一张图出图的服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="StableParticle"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="StableParticle.html">StableParticle</a><span style="display: none;"><p>固定位置粒子特效，可通过更改image与附加参数来实现火焰、喷泉、烟雾等粒子特效</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Style"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Style.html">Style</a><span style="display: none;"><p>标绘图元样式</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TerrainAnalyse"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TerrainAnalyse.html">TerrainAnalyse</a><span style="display: none;"><p>地形分析</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TerrainProfile"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TerrainProfile.html">TerrainProfile</a><span style="display: none;">undefined</span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ThemeManager"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ThemeManager.html">ThemeManager</a><span style="display: none;"><p>统计图</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="TriangulationTool"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="TriangulationTool.html">TriangulationTool</a><span style="display: none;"><p>三角测量工具</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="UrlTemplateImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="UrlTemplateImageryProvider.html">UrlTemplateImageryProvider</a><span style="display: none;"><p>网络瓦片服务接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="VisiblityAnalysis"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VisiblityAnalysis.html">VisiblityAnalysis</a><span style="display: none;"><p>通视分析</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="VolumeFluidSource"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="VolumeFluidSource.html">VolumeFluidSource</a><span style="display: none;"><p>全域流体源对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WaterReflection"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WaterReflection.html">WaterReflection</a><span style="display: none;"><p>创建反射水面的实例化对象</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapServiceImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapServiceImageryProvider.html">WebMapServiceImageryProvider</a><span style="display: none;"><p>WMS服务接入类，现已不支持通过构造函数(new WebMapServiceImageryProvider())的方式初始化图层，而是使用fromUrl方法构造图层</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapServiceSingleImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapServiceSingleImageryProvider.html">WebMapServiceSingleImageryProvider</a><span style="display: none;"><p>WMS服务一张图出图接入类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WebMapTileServiceImageryProvider"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WebMapTileServiceImageryProvider.html">WebMapTileServiceImageryProvider</a><span style="display: none;"><p>WMTS服务接入类，现已不支持通过构造函数(new WebMapTileServiceImageryProvider())的方式初始化图层，而是使用fromUrl方法构造图层</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Wind3D"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Wind3D.html">Wind3D</a><span style="display: none;"><p>风场系统</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">工具类模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="GeoJSONLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GeoJSONLayerUtil.html">GeoJSONLayerUtil</a><span style="display: none;"><p>GeoJSON图层的工具类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="GraphicsLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="GraphicsLayerUtil.html">GraphicsLayerUtil</a><span style="display: none;"><p>几何图层的工具类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="IGSFeatureLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="IGSFeatureLayerUtil.html">IGSFeatureLayerUtil</a><span style="display: none;"><p>IGSFeature图层的工具类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="WFSLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="WFSLayerUtil.html">WFSLayerUtil</a><span style="display: none;"><p>WFS图层的工具类</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">视图模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ISSceneLayerUtil"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ISSceneLayerUtil.html">ISSceneLayerUtil</a><span style="display: none;"><p>IS场景图层的工具类</p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Popup"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Popup.html">Popup</a><span style="display: none;"><p>场景信息弹窗(cesium引擎)
参考示例：
<a href='#SceneView'>[初始化三维场景视图]</a>
<br>[ES5引入方式]：<br/>
zondy.cesium.SceneView() <br/>
[ES6引入方式]：<br/>
import { SceneView } from '@mapgis/webclient-cesium-plugin' <br/>
自定义样式说明：<br/>
zondy-popup__container 弹窗容器样式<br/>
zondy-popup__tip 弹窗对话框箭头样式<br/>
zondy-popup__header 弹窗头部样式<br/>
zondy-popup__content 弹窗主体样式<br/>
zondy-popup__footer 弹窗底部样式<br/></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="SceneView"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SceneView.html">SceneView</a><span style="display: none;"><p>场景视图类<br/>
继承自<a href='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/SceneView.html' target='_blank'>zondy.SceneView</a></p></span></li><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="Screenshot"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="Screenshot.html">Screenshot</a><span style="display: none;"><p>屏幕打印工具</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">服务模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="ProviderBaseUrlRegExp"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="ProviderBaseUrlRegExp.html">ProviderBaseUrlRegExp</a><span style="display: none;"><p>服务基地址匹配正则表达式</p></span></li></ul><div style="font-weight: bold;vertical-align: middle;padding: 0.4rem 0;" class="mapgis-menu-span"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/m.png" alt="">草图编辑模块</div><ul class="mapgis-sidebar-menus"><li style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" title="SketchEditor"><img style="width: 20px;margin-right: 6px;vertical-align: middle;" src="./styles/c.png" alt=""><a href="SketchEditor.html">SketchEditor</a><span style="display: none;"><p>Cesium引擎草图编辑类<br/>
继承自<a href='http://webclient.smaryun.com/static/modules/common/api/common-mapgis/SketchEditor3D.html' target='_blank'>zondy.SketchEditor3D</a><br/>
<br>[ES5引入方式]：<br/>
const { SketchEditor } = zondy.tool.sketch <br/>
[ES6引入方式]：<br/>
import { SketchEditor } from "@mapgis/webclient-leaflet-plugin" <br/></p></span></li></ul></div>
</nav>
</div>
<div class="core" id="main-content-wrapper">
<div class="content">
<header id="page-title" class="page-title">
<span class="page-title-main">类名</span>
<span class="page-title-sub">RiverGeometry</span>
</header>
<section>
<article>
<div class="container-overview">
<div class='vertical-section'>
<div class="members">
<div class="member">
<h4 class="name" id="RiverGeometry">
<a class="href-link" href="#RiverGeometry">#</a>
<span class="code-name" style="font-size:30px">
new RiverGeometry<span class="signature">(options)</span>
</span>
</h4>
<div class="description">
<p>A description of a polygon on the ellipsoid. The polygon is Cesium.defined by a polygon hierarchy. Polygon geometry can be rendered with both <code>Primitive</code> and <code>GroundPrimitive</code>.</p>
</div>
<h4>参数:</h4>
<div class="table-container">
<table class="params table">
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th style="min-width: 100px;">默认值</th>
<th class="last">描述</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>options</code></td>
<td class="type">
<span class="param-type">Object</span>
</td>
<td class="default">
</td>
<td class="description last"><p>Object with the following properties:</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>polygonHierarchy</code></td>
<td class="type">
<span class="param-type">PolygonHierarchy</span>
</td>
<td class="default">
</td>
<td class="description last"><p>A polygon hierarchy that can include holes.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>height</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
0.0
</td>
<td class="description last"><p>The distance in meters between the polygon and the ellipsoid surface.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>extrudedHeight</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
</td>
<td class="description last"><p>The distance in meters between the polygon's extruded face and the ellipsoid surface.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>vertexFormat</code></td>
<td class="type">
<span class="param-type">Cesium.VertexFormat</span>
</td>
<td class="default">
Cesium.VertexFormat.DEFAULT
</td>
<td class="description last"><p>The vertex attributes to be computed.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>indices</code></td>
<td class="type">
<span class="param-type">Array.<Number></span>
</td>
<td class="default">
</td>
<td class="description last"><p>自定义顶点索引</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>st</code></td>
<td class="type">
<span class="param-type">Float32Array</span>
</td>
<td class="default">
</td>
<td class="description last"><p>自定义UV坐标</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>stRotation</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
0.0
</td>
<td class="description last"><p>The rotation of the texture coordinates, in radians. A positive rotation is counter-clockwise.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>ellipsoid</code></td>
<td class="type">
<span class="param-type">Cesium.Ellipsoid</span>
</td>
<td class="default">
Cesium.Ellipsoid.WGS84
</td>
<td class="description last"><p>The ellipsoid to be used as a reference.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>granularity</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
Cesium.Math.RADIANS_PER_DEGREE
</td>
<td class="description last"><p>The distance, in radians, between each latitude and longitude. Determines the number of positions in the buffer.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>perPositionHeight</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
false
</td>
<td class="description last"><p>Use the height of options.positions for each position instead of using options.height to determine the height.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>closeTop</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
true
</td>
<td class="description last"><p>When false, leaves off the top of an extruded polygon open.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>closeBottom</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
true
</td>
<td class="description last"><p>When false, leaves off the bottom of an extruded polygon open.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>arcType</code></td>
<td class="type">
<span class="param-type">Cesium.ArcType</span>
</td>
<td class="default">
Cesium.ArcType.GEODESIC
</td>
<td class="description last"><p>The type of line the polygon edges must follow. Valid options are <code>Cesium.ArcType.GEODESIC</code> and <code>Cesium.ArcType.RHUMB</code>.</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="tag-see">See:</dt>
<dd class="tag-see">
<ul>
<li>RiverGeometry#createGeometry</li>
<li>RiverGeometry#fromPositions</li>
</ul>
</dd>
</dl>
<h5>示例</h5>
<pre class="prettyprint"><code>// 1. create a polygon from points
var polygon = new Cesium.RiverGeometry({
polygonHierarchy : new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fromDegreesArray([
-72.0, 40.0,
-70.0, 35.0,
-75.0, 30.0,
-70.0, 30.0,
-68.0, 40.0
])
)
});
var geometry = Cesium.RiverGeometry.createGeometry(polygon);
// 2. create a nested polygon with holes
var polygonWithHole = new Cesium.RiverGeometry({
polygonHierarchy : new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fromDegreesArray([
-109.0, 30.0,
-95.0, 30.0,
-95.0, 40.0,
-109.0, 40.0
]),
[new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fromDegreesArray([
-107.0, 31.0,
-107.0, 39.0,
-97.0, 39.0,
-97.0, 31.0
]),
[new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fromDegreesArray([
-105.0, 33.0,
-99.0, 33.0,
-99.0, 37.0,
-105.0, 37.0
]),
[new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fromDegreesArray([
-103.0, 34.0,
-101.0, 34.0,
-101.0, 36.0,
-103.0, 36.0
])
)]
)]
)]
)
});
var geometry = Cesium.RiverGeometry.createGeometry(polygonWithHole);
// 3. create extruded polygon
var extrudedPolygon = new Cesium.RiverGeometry({
polygonHierarchy : new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fromDegreesArray([
-72.0, 40.0,
-70.0, 35.0,
-75.0, 30.0,
-70.0, 30.0,
-68.0, 40.0
])
),
extrudedHeight: 300000
});
var geometry = Cesium.RiverGeometry.createGeometry(extrudedPolygon);</code></pre>
</div>
</div>
</div>
</div>
<div class='vertical-section'>
<h3 id='member'>成员变量</h3>
<div class="members">
<div class="member">
<h4 class="name" id="_indices">
<a class="href-link" href="#_indices">#</a>
<span class="code-name">
_indices
</span>
</h4>
<div class="description">
<p>feat:2106 河流覆盖物类型
传入自定义顶点indices
传入自定义UV坐标</p>
</div>
<dl class="details">
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">Number</span>
</span>
<h4 class="name" id="packedLength">
<a class="href-link" href="#packedLength">#</a>
<span class="code-name">
packedLength
</span>
</h4>
<div class="description">
<p>The number of elements used to pack the object into an array.</p>
</div>
<dl class="details">
</dl>
</div>
</div>
</div>
<div class='vertical-section'>
<h3 id='function'>方法</h3>
<div class="members">
<div class="member">
<h4 class="name" id=".computeRectangle">
<a class="href-link" href="#.computeRectangle">#</a>
<span class='tag'>static</span>
<span class="code-name" style="font-size:30px">
computeRectangle<span class="signature">(options, result<span class="signature-attributes">opt</span>)</span>
</span>
</h4>
<div class="description">
<p>Returns the bounding rectangle given the provided options</p>
</div>
<h4>参数:</h4>
<div class="table-container">
<table class="params table">
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th style="min-width: 100px;">默认值</th>
<th class="last">描述</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>options</code></td>
<td class="type">
<span class="param-type">Object</span>
</td>
<td class="default">
</td>
<td class="description last"><p>Object with the following properties:</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>polygonHierarchy</code></td>
<td class="type">
<span class="param-type">PolygonHierarchy</span>
</td>
<td class="default">
</td>
<td class="description last"><p>A polygon hierarchy that can include holes.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>granularity</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
Cesium.Math.RADIANS_PER_DEGREE
</td>
<td class="description last"><p>The distance, in radians, between each latitude and longitude. Determines the number of positions sampled.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>arcType</code></td>
<td class="type">
<span class="param-type">Cesium.ArcType</span>
</td>
<td class="default">
Cesium.ArcType.GEODESIC
</td>
<td class="description last"><p>The type of line the polygon edges must follow. Valid options are <code>Cesium.ArcType.GEODESIC</code> and <code>Cesium.ArcType.RHUMB</code>.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>ellipsoid</code></td>
<td class="type">
<span class="param-type">Cesium.Ellipsoid</span>
</td>
<td class="default">
Cesium.Ellipsoid.WGS84
</td>
<td class="description last"><p>The ellipsoid to be used as a reference.</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>result</code></td>
<td class="type">
<span class="param-type">Cesium.Rectangle</span>
</td>
<td class="default">
</td>
<td class="description last"><p>An object in which to store the result.</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值:</label></div>
<div class="column is-10">
<div class="columns">
<div class='param-desc column is-7'><p>The result rectangle</p></div>
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type">Cesium.Rectangle</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id=".createGeometry">
<a class="href-link" href="#.createGeometry">#</a>
<span class='tag'>static</span>
<span class="code-name" style="font-size:30px">
createGeometry<span class="signature">(polygonGeometry)</span>
</span>
</h4>
<div class="description">
<p>Computes the geometric representation of a polygon, including its vertices, indices, and a bounding sphere.</p>
</div>
<h4>参数:</h4>
<div class="table-container">
<table class="params table">
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th class="last">描述</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>polygonGeometry</code></td>
<td class="type">
<span class="param-type"><a href="RiverGeometry.html">RiverGeometry</a></span>
</td>
<td class="description last"><p>A description of the polygon.</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值:</label></div>
<div class="column is-10">
<div class="columns">
<div class='param-desc column is-7'><p>The computed vertices and indices.</p></div>
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type">Cesium.Geometry</span>
|
<span class="param-type">undefined</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id=".fromPositions">
<a class="href-link" href="#.fromPositions">#</a>
<span class='tag'>static</span>
<span class="code-name" style="font-size:30px">
fromPositions<span class="signature">(options)</span>
</span>
</h4>
<div class="description">
<p>A description of a polygon from an array of positions. Polygon geometry can be rendered with both <code>Primitive</code> and <code>GroundPrimitive</code>.</p>
</div>
<h4>参数:</h4>
<div class="table-container">
<table class="params table">
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th style="min-width: 100px;">默认值</th>
<th class="last">描述</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>options</code></td>
<td class="type">
<span class="param-type">Object</span>
</td>
<td class="default">
</td>
<td class="description last"><p>Object with the following properties:</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>positions</code></td>
<td class="type">
<span class="param-type">Array.<Cesium.Cartesian3></span>
</td>
<td class="default">
</td>
<td class="description last"><p>An array of positions that Cesium.defined the corner points of the polygon.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>height</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
0.0
</td>
<td class="description last"><p>The height of the polygon.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>extrudedHeight</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
</td>
<td class="description last"><p>The height of the polygon extrusion.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>vertexFormat</code></td>
<td class="type">
<span class="param-type">Cesium.VertexFormat</span>
</td>
<td class="default">
Cesium.VertexFormat.DEFAULT
</td>
<td class="description last"><p>The vertex attributes to be computed.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>indices</code></td>
<td class="type">
<span class="param-type">Array.<Number></span>
</td>
<td class="default">
</td>
<td class="description last"><p>自定义顶点索引</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>st</code></td>
<td class="type">
<span class="param-type">Float32Array</span>
</td>
<td class="default">
</td>
<td class="description last"><p>自定义UV坐标</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>stRotation</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
0.0
</td>
<td class="description last"><p>The rotation of the texture coordinates, in radians. A positive rotation is counter-clockwise.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>ellipsoid</code></td>
<td class="type">
<span class="param-type">Cesium.Ellipsoid</span>
</td>
<td class="default">
Cesium.Ellipsoid.WGS84
</td>
<td class="description last"><p>The ellipsoid to be used as a reference.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>granularity</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
Cesium.Math.RADIANS_PER_DEGREE
</td>
<td class="description last"><p>The distance, in radians, between each latitude and longitude. Determines the number of positions in the buffer.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>perPositionHeight</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
false
</td>
<td class="description last"><p>Use the height of options.positions for each position instead of using options.height to determine the height.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>closeTop</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
true
</td>
<td class="description last"><p>When false, leaves off the top of an extruded polygon open.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>closeBottom</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="default">
true
</td>
<td class="description last"><p>When false, leaves off the bottom of an extruded polygon open.</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>arcType</code></td>
<td class="type">
<span class="param-type">Cesium.ArcType</span>
</td>
<td class="default">
Cesium.ArcType.GEODESIC
</td>
<td class="description last"><p>The type of line the polygon edges must follow. Valid options are <code>Cesium.ArcType.GEODESIC</code> and <code>Cesium.ArcType.RHUMB</code>.</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="tag-see">See:</dt>
<dd class="tag-see">
<ul>
<li>RiverGeometry#createGeometry</li>
</ul>
</dd>
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值:</label></div>
<div class="column is-10">
<div class="columns">
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type"><a href="RiverGeometry.html">RiverGeometry</a></span>
</div>
</div>
</div>
</div>
<h5>示例</h5>
<pre class="prettyprint"><code>// create a polygon from points
var polygon = Cesium.RiverGeometry.fromPositions({
positions : Cesium.Cartesian3.fromDegreesArray([
-72.0, 40.0,
-70.0, 35.0,
-75.0, 30.0,
-70.0, 30.0,
-68.0, 40.0
])
});
var geometry = Cesium.RiverGeometry.createGeometry(polygon);</code></pre>
</div>
<div class="member">
<h4 class="name" id=".pack">
<a class="href-link" href="#.pack">#</a>
<span class='tag'>static</span>
<span class="code-name" style="font-size:30px">
pack<span class="signature">(value, array, startingIndex<span class="signature-attributes">opt</span>)</span>
</span>
</h4>
<div class="description">
<p>Stores the provided instance into the provided array.</p>
</div>
<h4>参数:</h4>
<div class="table-container">
<table class="params table">
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th style="min-width: 100px;">默认值</th>
<th class="last">描述</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>value</code></td>
<td class="type">
<span class="param-type"><a href="RiverGeometry.html">RiverGeometry</a></span>
</td>
<td class="default">
</td>
<td class="description last"><p>The value to pack.</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>array</code></td>
<td class="type">
<span class="param-type">Array.<Number></span>
</td>
<td class="default">
</td>
<td class="description last"><p>The array to pack into.</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>startingIndex</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
0
</td>
<td class="description last"><p>The index into the array at which to start packing the elements.</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值:</label></div>
<div class="column is-10">
<div class="columns">
<div class='param-desc column is-7'><p>The array that was packed into</p></div>
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type">Array.<Number></span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id=".unpack">
<a class="href-link" href="#.unpack">#</a>
<span class='tag'>static</span>
<span class="code-name" style="font-size:30px">
unpack<span class="signature">(array, startingIndex<span class="signature-attributes">opt</span>, result<span class="signature-attributes">opt</span>)</span>
</span>
</h4>
<div class="description">
<p>Retrieves an instance from a packed array.</p>
</div>
<h4>参数:</h4>
<div class="table-container">
<table class="params table">
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th style="min-width: 100px;">默认值</th>
<th class="last">描述</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>array</code></td>
<td class="type">
<span class="param-type">Array.<Number></span>
</td>
<td class="default">
</td>
<td class="description last"><p>The packed array.</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>startingIndex</code></td>
<td class="type">
<span class="param-type">Number</span>
</td>
<td class="default">
0
</td>
<td class="description last"><p>The starting index of the element to be unpacked.</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>result</code></td>
<td class="type">
<span class="param-type"><a href="RiverGeometry.html">RiverGeometry</a></span>
</td>
<td class="default">
</td>
<td class="description last"><p>The object into which to store the result.</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
</dl>
</div>
</div>
</div>
</article>
</section>
</div>
<footer class="footer">
<div class="content has-text-centered">
<p>文档生成<a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.11</a></p>
<p class="sidebar-created-by">
<a href="http://www.smaryun.com" target="_blank">司马云</a> <span>© 2023 云生态圈</span>
<a href="http://webclient.smaryun.com:8086/#/index" target="_blank">MapGIS Client for JavaScript</a>
</p>
</div>
</footer>
</div>
<div id="side-nav" class="side-nav">
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#page-title">构造函数</a>
</div>
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#member">成员变量</a>
</div>
<div style="margin-bottom: 10px;">
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#function">方法</a>
</div>
<div>
<img style="vertical-align: middle;margin-right: 10px;width: 30px;" src="./styles/anchor.png"/><a href="#event">事件</a>
</div>
</div>
</div>
<script src="scripts/linenumber.js"> </script>
<script src="scripts/search.js"> </script>
</body>
</html>