@mapgis/webclient-cesium-plugin 17.2.2 → 17.2.4

package/documention/Graphic.html

@@ -0,0 +1,4789 @@
+<header id="page-title" class="page-title">
+    
+        <span class="page-title-main">类名</span>
+        <span class="page-title-sub">Graphic</span>
+    
+</header>
+
+
+
+
+
+<section>
+
+<article>
+    <div class="container-overview">
+    
+        
+            <div class='vertical-section'>
+                <div class="members">
+                    <div class="member">
+                        
+
+
+    
+    <h4 class="name" id="Graphic">
+        <a class="href-link" href="#Graphic">#</a>
+        
+        <span class="code-name" id="Graphic" style="font-size:30px">
+            
+                new Graphic<span class="signature">(options)</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>图元</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"></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>type</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+      </td>
+  
+
+  <td class="description last"><p>图元类型<a class="mapgis-link-name" title="Graphic.graphicType" Graphic.html#.graphicType><code>Graphic.graphicType</code></a>
+//  * @param {String}  [options.id] 图元ID</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>positions</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+         Array.&lt;Cesium.Cartesian3>
+    
+</span>
+|
+
+<span class="param-type">
+    
+         Array.&lt;Number>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+      </td>
+  
+
+  <td class="description last"><p>图元坐标信息,笛卡尔世界坐标为cartesian3,经纬度数组为例如[-115.0, 37.0, 100000.0, -107.0, 33.0, 150000.0]</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>style</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+      </td>
+  
+
+  <td class="description last"><p>图元样式信息 详情参见<a class="mapgis-link-name" title="Style" Style.html><code>Style</code></a></p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>editPointStyle</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+      </td>
+  
+
+  <td class="description last"><p>编辑点样式信息 详情参见<a class="mapgis-link-name" title="Style.EditPointStyle" Style.html#.EditPointStyle><code>Style.EditPointStyle</code></a></p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>attributes</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+      </td>
+  
+
+  <td class="description last"><p>图元属性</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>name</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+      </td>
+  
+
+  <td class="description last"><p>图元名称</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>show</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          true
+      
+      </td>
+  
+
+  <td class="description last"><p>图元是否显示</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>asynchronous</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          false
+      
+      </td>
+  
+
+  <td class="description last"><p>默认为阻塞式更新，true为异步更新，false为阻塞式更新。</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>heading</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.0
+      
+      </td>
+  
+
+  <td class="description last"><p>偏航角，弧度。</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>pitch</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.0
+      
+      </td>
+  
+
+  <td class="description last"><p>俯仰角，弧度。</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>roll</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.0
+      
+      </td>
+  
+
+  <td class="description last"><p>翻滚角，弧度。</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>transformX</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.0
+      
+      </td>
+  
+
+  <td class="description last"><p>局部坐标系X方向平移量，单位米，X方向为纬线方向</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>transformY</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.0
+      
+      </td>
+  
+
+  <td class="description last"><p>局部坐标系Y方向平移量，单位米，Y方向为经线方向</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>transformZ</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.0
+      
+      </td>
+  
+
+  <td class="description last"><p>局部坐标系Z方向平移量，单位米，Z方向为垂直地表方向</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>enableVFC</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          false
+      
+      </td>
+  
+
+  <td class="description last"><p>是否开启模型内部的视锥体检测，即标绘在模型内部是否隐藏，仅当类型为div时生效</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>disappearByDistance</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          20000000
+      
+      </td>
+  
+
+  <td class="description last"><p>根据div对象和主相机的距离，显示或隐藏div对象</p></td>
+</tr>
+
+
+  
+
+
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <h5>示例</h5>
+    
+    
+        <pre class="prettyprint"><code>//初始化一个标绘图层
+var graphicsLayer = new Cesium.GraphicsLayer(viewer, {});
+viewer.scene.layers.appendGraphicsLayer(graphicsLayer);
+//添加一个Marker基础标绘对象
+var marker = new Cesium.Graphic({
+  //类型
+  type: 'marker',
+  //位置点
+  positions: [new Cesium.Cesium.Cartesian3(-1160028.4895404815, 5443801.569087819, 3103982.2120705717)],
+  //样式
+  style: {
+      labelStyle: {
+          //字体
+         font: '30px sans-serif',
+         //文字内容
+         text: '这是Marker',
+         //文字颜色
+         fillColor: Cesium.Cesium.Color.RED
+      },
+      billboardStyle: {
+          //billboard图片链接
+          image: 'http://webclient.smaryun.com:8200/NoneSpatialData/image/icon.png'
+      },
+      //文字相对于图片方位
+      labelPlaceType: 'topCenter',
+      //文字相对于图片间距
+      labelPadding: 20,
+      //离地高度
+      offsetHeight: 100,
+      //marker的屏幕像素偏移
+      pixelOffset: new Cesium.Cesium.Cartesian2(0, 0)
+  },
+});
+//添加Marker
+graphicsLayer.addGraphic(marker);
+//修改样式
+marker.style.labelPlaceType = "leftCenter";
+marker.style.labelStyle.fillColor = Cesium.Cesium.Color.BLUE;
+marker.style.billboardStyle.width = 100;
+-----------------------------------------------------------------------------
+//添加一个多边形图元
+var polygonGraphic = new Cesium.Graphic({
+  type: 'polygon',
+  positions: [
+      Cesium.Cesium.Cartesian3.fromDegrees(113.9514, 30.0129, 0),
+      Cesium.Cesium.Cartesian3.fromDegrees(113.964, 30.0219, 0),
+      Cesium.Cesium.Cartesian3.fromDegrees(113.9753, 30.015, 0),
+      Cesium.Cesium.Cartesian3.fromDegrees(113.9624, 30.0075, 0),
+      Cesium.Cesium.Cartesian3.fromDegrees(113.9514, 30.0129, 0)
+  ],
+  style: {
+      color: Cesium.Cesium.Color.AQUA
+  }
+});
+//将标绘点添加入标绘图层
+graphicsLayer.addGraphic(polygonGraphic);
+//平移多边形，修改transformX、transformY、transformZ，三个值组成一个平移向量，朝这个方向平移，笛卡尔坐标
+polygonGraphic.transformX += 100;
+polygonGraphic.transformY += 2000;
+polygonGraphic.transformZ += 300;
+//通过经纬度计算笛卡尔平移向量
+var position1 = new Cesium.Cesium.Cartographic(114.103, 30.25, 100);
+var position2 = new Cesium.Cesium.Cartographic(114.211, 30.46, 100);
+position1 = Cesium.Cesium.Cartesian3.fromDegrees(position1.longitude, position1.latitude, position1.height);
+position2 = Cesium.Cesium.Cartesian3.fromDegrees(position2.longitude, position2.latitude, position2.height);
+var translate = Cesium.Cesium.Cartesian3.subtract(position2, position1);
+polygonGraphic.transformX += translate.x;
+polygonGraphic.transformY += translate.y;
+polygonGraphic.transformZ += translate.z;
+//旋转多边形，修改heading、pitch、roll来实现三个轴向旋转，弧度值
+polygonGraphic.heading += 0.1;
+polygonGraphic.pitch += 0.1;
+polygonGraphic.roll += 0.1;
+--------------------------------------------------------------------------------------
+//新增一个类型为div的标绘对象
+//创建一个html字符串或者一个html标签对象
+var html = "&lt;div style='width: 100px;height: 100px;background-color: #00A7AA;'>";
+//创建一个标绘对象
+var graphic = new Cesium.Graphic({
+   //标绘类型
+   type: 'div',
+   //标绘位置
+   positions: [Cesium.Cesium.Cartesian3.fromDegrees(114.285992, 30.585234, 0)],
+   //标绘样式
+   style: {
+       //html字符串或标签对象
+       html: html,
+       //html相对原始位置的屏幕像素偏移
+       pixelOffset: new Cesium.Cesium.Cartesian2(0, 0),
+       //额外抬升高度
+       offsetHeight: 0
+   },
+   //开启时，当对象在模型内部时，会隐藏，开启此功能会有性能损耗
+   enableVFC: false,
+   //当div对象和主相机的距离超过20000000米时，隐藏div对象
+   disappearByDistance: 20000000
+});
+//将标绘添加入标绘图层
+graphicsLayer.addGraphic(graphic);
+//创建完成后，实时修改
+graphic.style.html = "新的html";
+graphic.style.pixelOffset = new Cesium.Cesium.Cartesian2(0, 156);
+graphic.style.offsetHeight = 2000;</code></pre>
+    
+
+
+
+                    </div>
+                </div>
+            </div>
+        
+    
+    </div>
+    
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+        <div class='vertical-section'>
+            <h3 id='member'>成员变量</h3>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量概述</h4>
+            <div class="table-container">
+                <table class="params table">
+                    <thead>
+                    <tr>
+                        <th>名称</th>
+                        <th>类型</th>
+                        <th>描述</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#graphicType">graphicType</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图元类型</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#allowPicking">allowPicking</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象是否可以选中</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#asynchronous">asynchronous</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象是否阻塞更新，一般设置为false避免更新时闪烁</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#attributes">attributes</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象属性键值对</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#boundingSphere">boundingSphere</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Cesium.BoundingSphere
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图元对象包围盒</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#coordinate">coordinate</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+         Array.&lt;Cesium.Cartesian3>
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形实体位置数组(经纬度+高程，度)</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#editing">editing</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象是否在编辑状态</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#enableVFC">enableVFC</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>是否开启视锥体检测，仅当类型为div时生效</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#heading">heading</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象偏航角，弧度。</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#id">id</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形ID</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#isPoint">isPoint</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形是否为点，文本或者广告牌</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#modelMatrix">modelMatrix</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Cesium.Matrix4
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图元对象旋转平移矩阵</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#name">name</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象名称</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#parentLayer">parentLayer</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             <a link="GraphicsLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="GraphicsLayer" GraphicsLayer.html>GraphicsLayer</a>
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图元父图层</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#pitch">pitch</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象俯仰角，弧度。</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#positions">positions</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+         Array.&lt;Cesium.Cartesian3>
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形实体位置数组</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#primitive">primitive</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Cesium.Primitive
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象primitive</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#roll">roll</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象翻滚角，弧度。</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#show">show</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形是否显示</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#style">style</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             <a link="Style.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Style" Style.html>Style</a>
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图元对象样式信息</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#transformX">transformX</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象局部坐标系X方向平移量，单位米，X方向为纬线方向</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#transformY">transformY</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象局部坐标系y方向平移量，单位米，y方向为经线方向</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#transformZ">transformZ</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形对象局部坐标系z方向平移量，单位米，z方向为垂直地表方向</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#type">type</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图元类型 参照<a class="mapgis-link-name" title="Graphic.graphicType" Graphic.html#.graphicType><code>Graphic.graphicType</code></a></p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#updated">updated</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+<span class="param-type">
+    
+             function
+    
+</span>
+
+
+
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>图形更新后的回调，请在这个回调里面获取图形参数，不要在vue上绑定图形对象</p></code></td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">成员变量详情</h4>
+            <div class="members">
+            
+                <div class="member">
+
+<h4 class="name" id=".graphicType">
+    <a class="href-link" href="#.graphicType">#</a>
+    
+        
+            <span class='tag'>static</span>
+        
+    
+    <span class="code-name">
+        graphicType
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图元类型</p>
+</div>
+
+
+
+
+
+    <h5 class="subsection-title">属性:</h5>
+
+    
+<div class="table-container">
+    <table class="props table">
+        <thead>
+        <tr>
+            
+            <th>Name</th>
+            
+
+            <th>Type</th>
+
+            
+            <th>Attributes</th>
+            
+
+            
+            <th>Default</th>
+            
+
+            <th class="last">Description</th>
+        </tr>
+        </thead>
+
+        <tbody>
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>point</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'point'
+        
+        </td>
+    
+
+    <td class="description last"><p>点，类型（type）为point时样式参数参照<a class="mapgis-link-name" title="Style.PointStyle" Style.html#.PointStyle><code>Style.PointStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>marker</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'marker'
+        
+        </td>
+    
+
+    <td class="description last"><p>marker，类型（type）为marker时样式参数参照<a class="mapgis-link-name" title="Style.MarkerStyle" Style.html#.MarkerStyle><code>Style.MarkerStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>label</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'label'
+        
+        </td>
+    
+
+    <td class="description last"><p>文本,类型（type）为label时样式参数参照<code>Style.Cesium.LabelStyle</code></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>billboard</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'billboard'
+        
+        </td>
+    
+
+    <td class="description last"><p>广告牌，类型(type)为billboard时样式参数参照<a class="mapgis-link-name" title="Style.BillboardStyle" Style.html#.BillboardStyle><code>Style.BillboardStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>polyline</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'polyline'
+        
+        </td>
+    
+
+    <td class="description last"><p>线，类型(type)为polyline时样式参数参照<a class="mapgis-link-name" title="Style.PolylineStyle" Style.html#.PolylineStyle><code>Style.PolylineStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>polylineVolume</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'polylineVolume'
+        
+        </td>
+    
+
+    <td class="description last"><p>圆管线，类型(type)为polylineVolume时样式参数参照<a class="mapgis-link-name" title="Style.PolylineVolumeStyle" Style.html#.PolylineVolumeStyle><code>Style.PolylineVolumeStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>polygon</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'polygon'
+        
+        </td>
+    
+
+    <td class="description last"><p>面（区），类型(type)为polygon时样式参数参照<a class="mapgis-link-name" title="Style.PolygonStyle" Style.html#.PolygonStyle><code>Style.PolygonStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>rectangle</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'rectangle'
+        
+        </td>
+    
+
+    <td class="description last"><p>矩形，类型(type)为rectangle时样式参数参照<a class="mapgis-link-name" title="Style.RectangleStyle" Style.html#.RectangleStyle><code>Style.RectangleStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>square</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'square'
+        
+        </td>
+    
+
+    <td class="description last"><p>正方形，类型(type)square<a class="mapgis-link-name" title="Style.SquareStyle" Style.html#.SquareStyle><code>Style.SquareStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>circle</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'circle'
+        
+        </td>
+    
+
+    <td class="description last"><p>圆，类型(type)为circle时样式参数参照<a class="mapgis-link-name" title="Style.CircleStyle" Style.html#.CircleStyle><code>Style.CircleStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>corridor</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'corridor'
+        
+        </td>
+    
+
+    <td class="description last"><p>方管线，类型(type)为corridor时样式参数参照<a class="mapgis-link-name" title="Style.CorridorStyle" Style.html#.CorridorStyle><code>Style.CorridorStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>cylinder</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'cylinder'
+        
+        </td>
+    
+
+    <td class="description last"><p>圆台（圆锥），类型(type)为cylinder时样式参数参照<a class="mapgis-link-name" title="Style.CylinderStyle" Style.html#.CylinderStyle><code>Style.CylinderStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>ellipsoid</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'ellipsoid'
+        
+        </td>
+    
+
+    <td class="description last"><p>椭球，类型(type)为ellipsoid时样式参数参照<a class="mapgis-link-name" title="Style.EllipsoidStyle" Style.html#.EllipsoidStyle><code>Style.EllipsoidStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>sphere</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'sphere'
+        
+        </td>
+    
+
+    <td class="description last"><p>圆球，类型(type)为sphere时样式参数参照<a class="mapgis-link-name" title="Style.SphereStyle" Style.html#.SphereStyle><code>Style.SphereStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>wall</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'wall'
+        
+        </td>
+    
+
+    <td class="description last"><p>墙，类型(type)为wall时样式参数参照<a class="mapgis-link-name" title="Style.WallStyle" Style.html#.WallStyle><code>Style.WallStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>box</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'box'
+        
+        </td>
+    
+
+    <td class="description last"><p>盒子,类型（type）为box时样式参数参照<a class="mapgis-link-name" title="Style.BoxStyle" Style.html#.BoxStyle><code>Style.BoxStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>model</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'model'
+        
+        </td>
+    
+
+    <td class="description last"><p>gltf模型,类型（type）为model时样式参数参照<a class="mapgis-link-name" title="Style.ModelStyle" Style.html#.ModelStyle><code>Style.ModelStyle</code></a></p></td>
+</tr>
+
+        
+            
+<tr class="deep-level-0">
+    
+        <td class="name"><code>dynamicRiver</code></td>
+    
+
+    <td class="type">
+    
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    
+    </td>
+
+    
+        <td class="attributes">
+        
+            &lt;optional><br>
+        
+
+        
+        </td>
+    
+
+    
+        <td class="default">
+        
+            'dynamicRiver'
+        
+        </td>
+    
+
+    <td class="description last"><p>河流,类型（type）为dynamicRiver时样式参数参照<a class="mapgis-link-name" title="Style.RiverStyle" Style.html#.RiverStyle><code>Style.RiverStyle</code></a></p></td>
+</tr>
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="allowPicking">
+    <a class="href-link" href="#allowPicking">#</a>
+    
+    <span class="code-name">
+        allowPicking
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象是否可以选中</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="asynchronous">
+    <a class="href-link" href="#asynchronous">#</a>
+    
+    <span class="code-name">
+        asynchronous
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象是否阻塞更新，一般设置为false避免更新时闪烁</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="attributes">
+    <a class="href-link" href="#attributes">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        attributes
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象属性键值对</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Cesium.BoundingSphere
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="boundingSphere">
+    <a class="href-link" href="#boundingSphere">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        boundingSphere
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图元对象包围盒</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+         Array.&lt;Cesium.Cartesian3>
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="coordinate">
+    <a class="href-link" href="#coordinate">#</a>
+    
+    <span class="code-name">
+        coordinate
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形实体位置数组(经纬度+高程，度)</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="editing">
+    <a class="href-link" href="#editing">#</a>
+    
+    <span class="code-name">
+        editing
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象是否在编辑状态</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="enableVFC">
+    <a class="href-link" href="#enableVFC">#</a>
+    
+    <span class="code-name">
+        enableVFC
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>是否开启视锥体检测，仅当类型为div时生效</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="heading">
+    <a class="href-link" href="#heading">#</a>
+    
+    <span class="code-name">
+        heading
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象偏航角，弧度。</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="id">
+    <a class="href-link" href="#id">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        id
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形ID</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="isPoint">
+    <a class="href-link" href="#isPoint">#</a>
+    
+    <span class="code-name">
+        isPoint
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形是否为点，文本或者广告牌</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Cesium.Matrix4
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="modelMatrix">
+    <a class="href-link" href="#modelMatrix">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        modelMatrix
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图元对象旋转平移矩阵</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="name">
+    <a class="href-link" href="#name">#</a>
+    
+    <span class="code-name">
+        name
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象名称</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             <a link="GraphicsLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="GraphicsLayer" GraphicsLayer.html>GraphicsLayer</a>
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="parentLayer">
+    <a class="href-link" href="#parentLayer">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        parentLayer
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图元父图层</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="pitch">
+    <a class="href-link" href="#pitch">#</a>
+    
+    <span class="code-name">
+        pitch
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象俯仰角，弧度。</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+         Array.&lt;Cesium.Cartesian3>
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="positions">
+    <a class="href-link" href="#positions">#</a>
+    
+    <span class="code-name">
+        positions
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形实体位置数组</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Cesium.Primitive
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="primitive">
+    <a class="href-link" href="#primitive">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        primitive
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象primitive</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="roll">
+    <a class="href-link" href="#roll">#</a>
+    
+    <span class="code-name">
+        roll
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象翻滚角，弧度。</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="show">
+    <a class="href-link" href="#show">#</a>
+    
+    <span class="code-name">
+        show
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形是否显示</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             <a link="Style.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Style" Style.html>Style</a>
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="style">
+    <a class="href-link" href="#style">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        style
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图元对象样式信息</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+    <h5>示例</h5>
+    
+    
+        <pre class="prettyprint"><code>var graphic = new Graphic({type:label,style:{text:'mapgis'}});
+graphic.style.text = 'mapgispro';</code></pre>
+    
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="transformX">
+    <a class="href-link" href="#transformX">#</a>
+    
+    <span class="code-name">
+        transformX
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象局部坐标系X方向平移量，单位米，X方向为纬线方向</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="transformY">
+    <a class="href-link" href="#transformY">#</a>
+    
+    <span class="code-name">
+        transformY
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象局部坐标系y方向平移量，单位米，y方向为经线方向</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="transformZ">
+    <a class="href-link" href="#transformZ">#</a>
+    
+    <span class="code-name">
+        transformZ
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形对象局部坐标系z方向平移量，单位米，z方向为垂直地表方向</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="type">
+    <a class="href-link" href="#type">#</a>
+    
+        
+            <span class='tag'>readonly</span>
+        
+    
+    <span class="code-name">
+        type
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图元类型 参照<a class="mapgis-link-name" title="Graphic.graphicType" Graphic.html#.graphicType><code>Graphic.graphicType</code></a></p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+    <span class="method-parameter is-pulled-right">
+        <label>类型:</label>
+        
+<span class="param-type">
+    
+             function
+    
+</span>
+
+
+
+    </span>
+
+<h4 class="name" id="updated">
+    <a class="href-link" href="#updated">#</a>
+    
+    <span class="code-name">
+        updated
+    </span>
+    
+</h4>
+
+
+
+
+<div class="description">
+    <p>图形更新后的回调，请在这个回调里面获取图形参数，不要在vue上绑定图形对象</p>
+</div>
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+</div>
+            
+            </div>
+        </div>
+    
+
+    
+        <div class='vertical-section'>
+            <h3 id='function'>方法</h3>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法概述</h4>
+            <div class="members">
+            <div class="table-container">
+                <table class="params table">
+                    <thead>
+                    <tr>
+                        <th>名称</th>
+                        <th>返回值类型</th>
+                        <th>描述</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#addAttributes">addAttributes</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>给图元添加属性字段</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#addTo">addTo</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>添加到图层上，同 layer.addGraphic</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#getDistances">getDistances</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                                
+<span class="param-type">
+    
+         Array.&lt;Number>
+    
+</span>
+
+
+
+                                            
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>计算顶点坐标之间的距离</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#remove">remove</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>从图层中移除图元</p></code></td>
+                            </tr>
+                        
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#updateGraphic">updateGraphic</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>更新整个标绘对象，包括位置、矩阵、样式等</p></code></td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id="addAttributes">
+        <a class="href-link" href="#addAttributes">#</a>
+        
+        <span class="code-name" id="addAttributes" style="font-size:30px">
+            
+                addAttributes<span class="signature">(key, value)</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>给图元添加属性字段</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>key</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+
+  <td class="description last"><p>关键字</p></td>
+</tr>
+
+
+
+        
+
+            
+<tr class="deep-level-0">
+  
+      <td class="name"><code>value</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             String
+    
+</span>
+|
+
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+
+  <td class="description last"><p>值</p></td>
+</tr>
+
+
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id="addTo">
+        <a class="href-link" href="#addTo">#</a>
+        
+        <span class="code-name" id="addTo" style="font-size:30px">
+            
+                addTo<span class="signature">(layer)</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>添加到图层上，同 layer.addGraphic</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>layer</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             <a link="GraphicsLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="GraphicsLayer" GraphicsLayer.html>GraphicsLayer</a>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+
+  <td class="description last"><p>图层对象</p></td>
+</tr>
+
+
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id="getDistances">
+        <a class="href-link" href="#getDistances">#</a>
+        
+        <span class="code-name" id="getDistances" style="font-size:30px">
+            
+                getDistances<span class="signature">()</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>计算顶点坐标之间的距离</p>
+    </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>返回坐标之间的距离数组</p></div>
+    
+    
+    <div class='column is-5 has-text-left'>
+        <label>类型: </label>
+        
+<span class="param-type">
+    
+         Array.&lt;Number>
+    
+</span>
+
+
+
+    </div>
+    
+</div>
+
+                
+        </div>
+    </div>
+
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id="remove">
+        <a class="href-link" href="#remove">#</a>
+        
+        <span class="code-name" id="remove" style="font-size:30px">
+            
+                remove<span class="signature">()</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>从图层中移除图元</p>
+    </div>
+    
+
+
+
+
+
+
+
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id="updateGraphic">
+        <a class="href-link" href="#updateGraphic">#</a>
+        
+        <span class="code-name" id="updateGraphic" style="font-size:30px">
+            
+                updateGraphic<span class="signature">(style, name, value)</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>更新整个标绘对象，包括位置、矩阵、样式等</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>style</code></td>
+  
+
+  <td class="type">
+  
+  </td>
+
+  
+
+  <td class="description last"><p>标绘对象的style</p></td>
+</tr>
+
+
+
+        
+
+            
+<tr class="deep-level-0">
+  
+      <td class="name"><code>name</code></td>
+  
+
+  <td class="type">
+  
+  </td>
+
+  
+
+  <td class="description last"><p>标绘对象的样式名</p></td>
+</tr>
+
+
+
+        
+
+            
+<tr class="deep-level-0">
+  
+      <td class="name"><code>value</code></td>
+  
+
+  <td class="type">
+  
+  </td>
+
+  
+
+  <td class="description last"><p>标绘对象的样式值(新)</p></td>
+</tr>
+
+
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+            
+            </div>
+        </div>
+    
+
+    
+
+    
+</article>
+
+</section>