@mapgis/webclient-cesium-plugin 17.2.4 → 17.2.6

package/documention/CesiumHeatmap.html

@@ -0,0 +1,3701 @@
+<header id="page-title" class="page-title">
+    
+        <span class="page-title-main">类名</span>
+        <span class="page-title-sub">CesiumHeatmap</span>
+    
+</header>
+
+
+
+
+
+<section>
+
+<article>
+    <div class="container-overview">
+    
+        
+            <div class='vertical-section'>
+                <div class="members">
+                    <div class="member">
+                        
+
+
+    
+    <h4 class="name" id="CesiumHeatmap">
+        <a class="href-link" href="#CesiumHeatmap">#</a>
+        
+        <span class="code-name" id="CesiumHeatmap" style="font-size:30px">
+            
+                new CesiumHeatmap<span class="signature">()</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>热力图</p>
+    </div>
+    
+
+
+
+
+
+
+
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <h5>示例</h5>
+    
+        <p class="code-caption"><h7>热力图</h7></p>
+    
+    
+        <pre class="prettyprint"><code>// 参考示例：
+http://192.168.82.91:8086/#/modules/cesium/visualization/themeLayer/heat-map
+
+// ES5引入方式
+const { CesiumHeatmap } = zondy.cesium
+// ES6引入方式
+import { CesiumHeatmap } from "@mapgis/webclient-cesium-plugin"
+
+// 1 构造热力图初始化参数
+const options = {
+  // 热力半径
+  radius: 36,
+  // 图层透明度
+  alpha: 0.85,
+  // 模糊因子
+  blur: 0.75,
+  // 热力图颜色梯度
+  gradient: {
+    0.3: 'rgb(0,0,255)',
+    0.65: 'rgb(255,255,0)',
+    0.8: 'rgb(255,128,0)',
+    0.95: 'rgb(255,0,0)'
+  },
+  // 是否自动重算热力半径
+  canChange: false
+}
+
+// 2 创建热力图
+const heatMap = zondy.cesium.CesiumHeatmap.create(
+  // Cesium场景视图对象
+  viewer,
+  // 热力图范围
+  bounds,
+  // 热力图额外初始化参数
+  options
+)
+
+// 3 构建热力图数据，在矩形框内创建随机点,200个
+const bounds = {
+  east: 114.40295687456313,
+  north: 30.467989447011963,
+  south: 30.465570241010646,
+  west: 114.40024175306026
+}
+const array = zondy.cesium.AlgorithmLib.getRandomPointByRect(
+  bounds.west,
+  bounds.south,
+  bounds.east,
+  bounds.north,
+  200
+)
+const heatMapData = []
+for (let i = 0; i &lt; array.length; i++) {
+  heatMapData.push({
+    x: array[i].x,
+    y: array[i].y,
+    // 获取30到150之间的随机值
+    value: parseInt(Math.random() * (150 - 30 + 1) + 30, 10)
+  })
+}
+
+// 4 添加数据集，并设置数据范围
+heatMap.setWGS84Data(30, 150, heatMapData)</code></pre>
+    
+
+
+
+                    </div>
+                </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="#create">create</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="#mercatorToWgs84">mercatorToWgs84</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>Convert a mercator location into a WGS84 location</p>
+<p>p: the mercator lcation like {x, y}</p></code></td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id=".create">
+        <a class="href-link" href="#.create">#</a>
+        
+            
+                <span class='tag'>static</span>
+            
+        
+        <span class="code-name" id="create" style="font-size:30px">
+            
+                create<span class="signature">(viewer<span class="signature-attributes">opt</span>, boundingbox<span class="signature-attributes">opt</span>, options<span class="signature-attributes">opt</span>)</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>viewer</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             <a link="Cesium.Viewer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Cesium.Viewer" Cesium.Viewer.html>Cesium.Viewer</a>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>场景视图</p></td>
+</tr>
+
+
+
+        
+
+            
+<tr class="deep-level-0">
+  
+      <td class="name"><code>boundingbox</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Cesium.Rectangle
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图范围</p></td>
+</tr>
+
+
+
+        
+
+            
+<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>可选参数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>minCanvasSize</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          700
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图画布最小尺寸</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>maxCanvasSize</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          2000
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图画布最大尺寸</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>radiusFactor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          60
+      
+      </td>
+  
+
+  <td class="description last"><p>如果没有给出半径，则使用数据点大小因子（高度和宽度中的较大者除以这个数字产生使用的半径）</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>spacingFactor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          1.5
+      
+      </td>
+  
+
+  <td class="description last"><p>边界周围的额外空间（点半径乘以这个数字产生间距）</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>maxOpacity</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.8
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热力图选项对象中给出，则使用的最大不透明度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>minOpacity</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.1
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热图选项对象中给出，则使用的最小不透明度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>blur</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.85
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热力图选项对象中给出，则使用的模糊值为0.85。模糊值越高，渐变越平滑。</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>gradient</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          {'0.3':'rgb(0,0,255)','0.65':'yellow','0.8':'orange','0.95':'red'}
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图颜色梯度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>canChange</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>
+
+
+  
+
+
+
+        
+        </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>热力图对象</p></div>
+    
+    
+    <div class='column is-5 has-text-left'>
+        <label>类型: </label>
+        
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+    </div>
+    
+</div>
+
+                
+        </div>
+    </div>
+
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id=".mercatorToWgs84">
+        <a class="href-link" href="#.mercatorToWgs84">#</a>
+        
+            
+                <span class='tag'>static</span>
+            
+        
+        <span class="code-name" id="mercatorToWgs84" style="font-size:30px">
+            
+                mercatorToWgs84<span class="signature">()</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>Convert a mercator location into a WGS84 location</p>
+<p>p: the mercator lcation like {x, y}</p>
+    </div>
+    
+
+
+
+
+
+
+
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+            
+            </div>
+        </div>
+    
+
+    
+
+    
+</article>
+
+</section>
+
+
+
+
+
+
+
+<section>
+
+<article>
+    <div class="container-overview">
+    
+        
+            <div class='vertical-section'>
+                <div class="members">
+                    <div class="member">
+                        
+
+
+    
+    <h4 class="name" id="CesiumHeatmap">
+        <a class="href-link" href="#CesiumHeatmap">#</a>
+        
+        <span class="code-name" id="CesiumHeatmap" style="font-size:30px">
+            
+                new CesiumHeatmap<span class="signature">(viewer, options<span class="signature-attributes">opt</span>)</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>viewer</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             <a link="Cesium.Viewer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Cesium.Viewer" Cesium.Viewer.html>Cesium.Viewer</a>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+      </td>
+  
+
+  <td class="description last"><p>场景视图对象</p></td>
+</tr>
+
+
+
+        
+
+            
+<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>附加参数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>dataLyers</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          viewer.terrainProvider
+      
+      </td>
+  
+
+  <td class="description last"><p>地形图层</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>xPaneNum</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          16
+      
+      </td>
+  
+
+  <td class="description last"><p>X坐标方向采样点的个数，数值越大采样点越多，采样耗时越久</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>yPaneNum</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          16
+      
+      </td>
+  
+
+  <td class="description last"><p>Y坐标方向采样点的个数，数值越大采样点越多，采样耗时越久</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>xCellLength</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          -1
+      
+      </td>
+  
+
+  <td class="description last"><p>设定格子X方向距离,默认为负值的情况下，使用直接设定paneNumber的采样点个数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>yCellLength</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          -1
+      
+      </td>
+  
+
+  <td class="description last"><p>设定格子Y方向距离</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
+      
+      </td>
+  
+
+  <td class="description last"><p>填挖方平整高程，低于该高度会计算填方体积，高于该高度会计算挖方体积</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>dataType</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.0
+      
+      </td>
+  
+
+  <td class="description last"><p>要采样的数据类型,0.0：地形，1.0：模型，2.0：场景(地形加模型)，请注意当采样类型选择，模型或场景是，采样速度会变慢</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>callBack</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             function
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>结果回调函数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>terrainLevel</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          -1
+      
+      </td>
+  
+
+  <td class="description last"><p>地形取高程时使用的地形层级，默认使用最精细级</p></td>
+</tr>
+
+
+  
+
+
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <h5>示例</h5>
+    
+        <p class="code-caption"><h7>填挖方分析</h7></p>
+    
+    
+        <pre class="prettyprint"><code>// ES5引入方式
+const { CutFillAnalysis } = zondy.cesium
+// ES6引入方式
+import { CutFillAnalysis } from "@mapgis/webclient-cesium-plugin"
+
+// 1 初始化填挖方分析对象
+const cutFill = new CutFillAnalysis(viewer, {
+  // 要采样的数据类型,0.0：地形，1.0：模型，2.0：场景(地形加模型)
+  dataType: 0,
+  // X坐标方向采样点的个数，数值越大采样点越多，采样耗时越久
+  xPaneNum: 16,
+  // Y坐标方向采样点的个数，数值越大采样点越多，采样耗时越久
+  yPaneNum: 16,
+  // 填挖方平整高程，低于该高度会计算填方体积，高于该高度会计算挖方体积
+  height: 1200,
+  // 采样后的回调函数
+  callBack: function (result) {
+    console.log("填挖方计算结果:", result)
+  }
+});
+// 设置填挖方范围数组，笛卡尔3坐标数组
+cutFill.dotsPolygonList = []
+// 如果不是模型采样，则添加要采样的地形
+cutFill.terrainProvider = viewer.terrainProvider;
+
+// 2 开始填挖方分析
+//获取最大最小经纬度的值
+const minMax = cutFill.getMinAndMaxCartesian()
+// 开始分析
+cutFill.start(minMax)</code></pre>
+    
+
+
+
+                    </div>
+                </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="#create">create</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="#mercatorToWgs84">mercatorToWgs84</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>Convert a mercator location into a WGS84 location</p>
+<p>p: the mercator lcation like {x, y}</p></code></td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id=".create">
+        <a class="href-link" href="#.create">#</a>
+        
+            
+                <span class='tag'>static</span>
+            
+        
+        <span class="code-name" id="create" style="font-size:30px">
+            
+                create<span class="signature">(viewer<span class="signature-attributes">opt</span>, boundingbox<span class="signature-attributes">opt</span>, options<span class="signature-attributes">opt</span>)</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>viewer</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             <a link="Cesium.Viewer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Cesium.Viewer" Cesium.Viewer.html>Cesium.Viewer</a>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>场景视图</p></td>
+</tr>
+
+
+
+        
+
+            
+<tr class="deep-level-0">
+  
+      <td class="name"><code>boundingbox</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Cesium.Rectangle
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图范围</p></td>
+</tr>
+
+
+
+        
+
+            
+<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>可选参数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>minCanvasSize</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          700
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图画布最小尺寸</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>maxCanvasSize</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          2000
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图画布最大尺寸</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>radiusFactor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          60
+      
+      </td>
+  
+
+  <td class="description last"><p>如果没有给出半径，则使用数据点大小因子（高度和宽度中的较大者除以这个数字产生使用的半径）</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>spacingFactor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          1.5
+      
+      </td>
+  
+
+  <td class="description last"><p>边界周围的额外空间（点半径乘以这个数字产生间距）</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>maxOpacity</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.8
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热力图选项对象中给出，则使用的最大不透明度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>minOpacity</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.1
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热图选项对象中给出，则使用的最小不透明度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>blur</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.85
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热力图选项对象中给出，则使用的模糊值为0.85。模糊值越高，渐变越平滑。</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>gradient</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          {'0.3':'rgb(0,0,255)','0.65':'yellow','0.8':'orange','0.95':'red'}
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图颜色梯度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>canChange</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>
+
+
+  
+
+
+
+        
+        </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>热力图对象</p></div>
+    
+    
+    <div class='column is-5 has-text-left'>
+        <label>类型: </label>
+        
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+    </div>
+    
+</div>
+
+                
+        </div>
+    </div>
+
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id=".mercatorToWgs84">
+        <a class="href-link" href="#.mercatorToWgs84">#</a>
+        
+            
+                <span class='tag'>static</span>
+            
+        
+        <span class="code-name" id="mercatorToWgs84" style="font-size:30px">
+            
+                mercatorToWgs84<span class="signature">()</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>Convert a mercator location into a WGS84 location</p>
+<p>p: the mercator lcation like {x, y}</p>
+    </div>
+    
+
+
+
+
+
+
+
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+            
+            </div>
+        </div>
+    
+
+    
+
+    
+</article>
+
+</section>
+
+
+
+
+
+
+
+<section>
+
+<article>
+    <div class="container-overview">
+    
+        
+            <div class='vertical-section'>
+                <div class="members">
+                    <div class="member">
+                        
+
+
+    
+    <h4 class="name" id="CesiumHeatmap">
+        <a class="href-link" href="#CesiumHeatmap">#</a>
+        
+        <span class="code-name" id="CesiumHeatmap" style="font-size:30px">
+            
+                new CesiumHeatmap<span class="signature">(viewer, 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>viewer</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-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>附加参数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>queryUrl</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>用于查询的url</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>successCallback</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             function
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>成功回调函数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>errorCallback</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             function
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>错误回调函数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>material</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>材质</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>width</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          5000
+      
+      </td>
+  
+
+  <td class="description last"><p>显示柱状体或饼状的宽度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>heightScale</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          1
+      
+      </td>
+  
+
+  <td class="description last"><p>设置柱状图的高度缩放比例</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>addExtrudedHeight</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          false
+      
+      </td>
+  
+
+  <td class="description last"><p>是否为饼状体添加高度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>addGeoGeometry</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Boolean
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          false
+      
+      </td>
+  
+
+  <td class="description last"><p>解析GeoJson数据时，是否绘制polygon的Geometry</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>attributeName</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Array
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          []
+      
+      </td>
+  
+
+  <td class="description last"><p>用于显示的属性名</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>attributeColor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Array
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          []
+      
+      </td>
+  
+
+  <td class="description last"><p>各个属性对应的颜色</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>textFont</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             String
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          '50px Helvetica'
+      
+      </td>
+  
+
+  <td class="description last"><p>标注字体</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>textColor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Cesium.Color
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          Cesium.Color.RED
+      
+      </td>
+  
+
+  <td class="description last"><p>标注颜色</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>nearFarScalar</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          new Cesium.NearFarScalar(0, 1, 5000000, 0)
+      
+      </td>
+  
+
+  <td class="description last"><p>在指定距离内是否可见</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>textHeightOffset</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0
+      
+      </td>
+  
+
+  <td class="description last"><p>字体高度的偏移值</p></td>
+</tr>
+
+
+  
+
+
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <h5>示例</h5>
+    
+        <p class="code-caption"><h7>统计图</h7></p>
+    
+    
+        <pre class="prettyprint"><code>// 参考示例：
+http://192.168.82.91:8086/#/modules/cesium/visualization/themeLayer/statistic
+
+// ES5引入方式
+const { ThemeManager } = zondy.cesium
+// ES6引入方式
+import { ThemeManager } from "@mapgis/webclient-cesium-plugin"
+
+// 1 初始化一个统计专题图对象
+const themeManager = new Cesium.ThemeManager(
+  // Cesium场景视图对象
+  viewer,
+  // 额外初始化参数
+  {}
+)
+
+// 2 添加水平柱状专题图
+// 设置用于显示的属性名
+themeManager.attributeName = ['GDP_2007', 'GDP_2008']
+// 设置各个属性对应的颜色
+themeManager.attributeColor = [
+  new Cesium.Color(234 / 255, 175 / 255, 200 / 255),
+  new Cesium.Color(56 / 255, 239 / 255, 125 / 255)
+]
+// 设置文本颜色
+themeManager.textColor = Cesium.Color.GREEN
+// 设置文本高度
+themeManager.textHeightOffset = 10000
+// 设置柱状图宽度
+themeManager.width = 50000
+// 添加专题图数据
+themeManager.addByGeoJson(
+  // GeoJSON数据
+  {},
+  // 统计图类型
+  'HorizontalColumn'
+)
+
+// 3 添加垂直柱状专题图
+// 解析GeoJson数据时，是否绘制polygon的Geometry
+themeManager.addGeoGeometry = false
+// 设置用于显示的属性名
+themeManager.attributeName = ['GDP_2007', 'GDP_2008']
+// 设置各个属性对应的颜色
+themeManager.attributeColor = [
+  new Cesium.Color(234 / 255, 175 / 255, 200 / 255),
+  new Cesium.Color(56 / 255, 239 / 255, 125 / 255)
+]
+// 设置柱状图宽度
+themeManager.width = 50000
+// 添加专题图数据
+themeManager.addByGeoJson(
+  // GeoJSON数据
+  {},
+  // 统计图类型
+  'VerticalColumn'
+)
+
+// 4 添加饼状不带高程专题图
+// 解析GeoJson数据时，是否绘制polygon的Geometry
+themeManager.addGeoGeometry = false
+// 是否为饼状体添加高度
+themeManager.addExtrudedHeight = false
+// 设置用于显示的属性名
+themeManager.attributeName = ['GDP_2007', 'GDP_2008']
+// 设置各个属性对应的颜色
+themeManager.attributeColor = [
+  new Cesium.Color(109 / 255, 213 / 255, 250 / 255),
+  new Cesium.Color(245 / 255, 175 / 255, 25 / 255)
+]
+// 设置柱状图宽度
+themeManager.width = 50000
+// 添加专题图数据
+themeManager.addByGeoJson(
+  // GeoJSON数据
+  {},
+  // 统计图类型
+  'Pie'
+)
+
+// 5 添加饼状不带高程专题图
+// 解析GeoJson数据时，是否绘制polygon的Geometry
+themeManager.addGeoGeometry = false
+// 是否为饼状体添加高度
+themeManager.addExtrudedHeight = true
+// 设置用于显示的属性名
+themeManager.attributeName = ['GDP_2007', 'GDP_2008']
+// 设置各个属性对应的颜色
+themeManager.attributeColor = [
+  new Cesium.Color(109 / 255, 213 / 255, 250 / 255),
+  new Cesium.Color(245 / 255, 175 / 255, 25 / 255)
+]
+// 设置柱状图宽度
+themeManager.width = 50000
+// 添加专题图数据
+themeManager.addByGeoJson(
+  // GeoJSON数据
+  {},
+  // 统计图类型
+  'Pie'
+)</code></pre>
+    
+
+
+
+                    </div>
+                </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="#create">create</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="#mercatorToWgs84">mercatorToWgs84</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>Convert a mercator location into a WGS84 location</p>
+<p>p: the mercator lcation like {x, y}</p></code></td>
+                            </tr>
+                        
+                    </tbody>
+                </table>
+            </div>
+            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id=".create">
+        <a class="href-link" href="#.create">#</a>
+        
+            
+                <span class='tag'>static</span>
+            
+        
+        <span class="code-name" id="create" style="font-size:30px">
+            
+                create<span class="signature">(viewer<span class="signature-attributes">opt</span>, boundingbox<span class="signature-attributes">opt</span>, options<span class="signature-attributes">opt</span>)</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>viewer</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             <a link="Cesium.Viewer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Cesium.Viewer" Cesium.Viewer.html>Cesium.Viewer</a>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>场景视图</p></td>
+</tr>
+
+
+
+        
+
+            
+<tr class="deep-level-0">
+  
+      <td class="name"><code>boundingbox</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Cesium.Rectangle
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          null
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图范围</p></td>
+</tr>
+
+
+
+        
+
+            
+<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>可选参数</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>minCanvasSize</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          700
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图画布最小尺寸</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>maxCanvasSize</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          2000
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图画布最大尺寸</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>radiusFactor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          60
+      
+      </td>
+  
+
+  <td class="description last"><p>如果没有给出半径，则使用数据点大小因子（高度和宽度中的较大者除以这个数字产生使用的半径）</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>spacingFactor</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          1.5
+      
+      </td>
+  
+
+  <td class="description last"><p>边界周围的额外空间（点半径乘以这个数字产生间距）</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>maxOpacity</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.8
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热力图选项对象中给出，则使用的最大不透明度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>minOpacity</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.1
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热图选项对象中给出，则使用的最小不透明度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>blur</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Number
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          0.85
+      
+      </td>
+  
+
+  <td class="description last"><p>如果未在热力图选项对象中给出，则使用的模糊值为0.85。模糊值越高，渐变越平滑。</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>gradient</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+      <td class="default">
+      
+          {'0.3':'rgb(0,0,255)','0.65':'yellow','0.8':'orange','0.95':'red'}
+      
+      </td>
+  
+
+  <td class="description last"><p>热力图颜色梯度</p></td>
+</tr>
+
+
+  
+    
+<tr class="deep-level-1">
+  
+      <td class="name"><code>canChange</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>
+
+
+  
+
+
+
+        
+        </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>热力图对象</p></div>
+    
+    
+    <div class='column is-5 has-text-left'>
+        <label>类型: </label>
+        
+<span class="param-type">
+    
+             Object
+    
+</span>
+
+
+
+    </div>
+    
+</div>
+
+                
+        </div>
+    </div>
+
+
+
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id=".mercatorToWgs84">
+        <a class="href-link" href="#.mercatorToWgs84">#</a>
+        
+            
+                <span class='tag'>static</span>
+            
+        
+        <span class="code-name" id="mercatorToWgs84" style="font-size:30px">
+            
+                mercatorToWgs84<span class="signature">()</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>Convert a mercator location into a WGS84 location</p>
+<p>p: the mercator lcation like {x, y}</p>
+    </div>
+    
+
+
+
+
+
+
+
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+            
+            </div>
+        </div>
+    
+
+    
+
+    
+</article>
+
+</section>