@mapgis/webclient-cesium-plugin/documention/SceneViewCesium.html

A lightweight 3D GIS network client development platform based on WebGL.

<header id="page-title" class="page-title">
    
        <span class="page-title-main">类名</span>
        <span class="page-title-sub">SceneViewCesium</span>
    
</header>





<section>

<article>
    <div class="container-overview">
    
        
            <div class='vertical-section'>
                <div class="members">
                    <div class="member">
                        


    
    <h4 class="name" id="SceneViewCesium">
        <a class="href-link" href="#SceneViewCesium">#</a>
        
        <span class="code-name" id="SceneViewCesium" style="font-size:30px">
            
                new SceneViewCesium<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"><p>构造参数</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>map</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Map
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>图层管理器</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>viewId</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             String
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>图层容器ID</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>innerView</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Object
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>实际三维引擎的场景 cesium对应viewer</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>center</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Point
    
</span>



  
  </td>

  
      <td class="default">
      
          new Point({coordinates:[0,0]})
      
      </td>
  

  <td class="description last"><p>地图视图中心点</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>scale</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>地图视图比例尺</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>zoom</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>地图视图层级</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>minZoom</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>maxZoom</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
          19
      
      </td>
  

  <td class="description last"><p>最大层级</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>popup</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>extent</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Extent
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>场景视图初始化时，跳转的范围，如果设置了就会跳转，不设置就不跳转</p></td>
</tr>


  



        
        </tbody>
    </table>
</div>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





    <div class="method-parameter columns">
        <div class="column is-2"><label>绑定事件</label></div>
        <div class="column is-10">
            <ul>
                <li><a href="#鼠标点击事件">鼠标点击事件</a></li>
            
                <li><a href="#鼠标双击事件">鼠标双击事件</a></li>
            
                <li><a href="#鼠标按下事件">鼠标按下事件</a></li>
            
                <li><a href="#鼠标抬起事件">鼠标抬起事件</a></li>
            
                <li><a href="#鼠标右键点击事件">鼠标右键点击事件</a></li>
            
                <li><a href="#鼠标移动事件">鼠标移动事件</a></li>
            
                <li><a href="#地图视图改变事件">地图视图改变事件</a></li>
            </ul>
        </div>
    </div>

















<p class="summary"><h5>支持如下方法：</h5>
<a href='#flyTo'>[1、视点跳转]</a><br/>
<a href='#toJSON'>[2、导出场景视图的配置文件]</a><br/>
<a href='#fromJSON'>[3、通过一个配置生成一个场景视图对象]</a><br/>
<a href='#toMap'>[4、屏幕像素坐标点转地理坐标点]</a><br/>
<a href='#toScreen'>[5、地理坐标点转屏幕像素坐标点]</a><br/>
<a href='#getSize'>[6、获取当前视图容器的宽高]</a><br/>
<a href='#getCenter'>[7、获取当前视图中心点]</a><br/>
<a href='#getExtent'>[8、获取当前视图的地理范围]</a><br/>
<a href='#getZoom'>[9、获取当前层级]</a><br/>
<a href='#getScale'>[10、获取当前比例尺]</a><br/>
<code>11、注册事件</code><br/>
<code>12、移除事件</code><br/>
<a href='#getInnerLayer'>[15、获取实际的M3DSet对象]</a><br/>
<a href='#setCenter'>[16、设置缩视野中心]</a><br/>
<a href='#setExtent'>[17、设置视图的地理范围]</a><br/>
<a href='#takeScreenshot'>[18、屏幕快照]</a><br/>
<a href='#hitTest'>[19、图元检测]</a><br/></p>



    <h5>示例</h5>
    
        <p class="code-caption"><h7>初始化三维视图对象</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { Map, SceneViewCesium } = zondy
// ES6引入方式
import { Map, SceneViewCesium } from "@mapgis/webclient-cesium-plugin"
// 初始化图层管理容器
const map = new Map();
// 初始化地图视图对象
const sceneView = new SceneViewCesium({
  // 视图id
  viewId: "mapgis-3d-viewer",
  // 图层管理容器
  map: map
});</code></pre>
    

        <p class="code-caption"><h7>外部初始化三维视图对象</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { Map, SceneViewCesium } = zondy
// ES6引入方式
import { Map, SceneViewCesium } from "@mapgis/webclient-cesium-plugin"
// 初始化图层管理容器
const map = new Map();
let innerView = new Cesium.Viewer(viewId);
// 初始化地图视图对象
const sceneView = new SceneViewCesium({
  // 视图id
  viewId: "mapgis-3d-viewer",
  // 图层管理容器
  map: map,
  // 外部创建的三方cesium对象
  innerView: innerView
});</code></pre>
    



                    </div>
                </div>
            </div>
        
    
    </div>
    
    
        <h3 class="subsection-title">继承关系</h3>

        


    <ul>
        <li>Evented</li>
    </ul>


    

    

    

    

    

    

    
        <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="#center">center</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             Point
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>地图视图中心点</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#engineType">engineType</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             Object
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>引擎类型，为'cesium'</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#extent">extent</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             Extent
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>地图视图范围</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#height">height</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="#maxZoom">maxZoom</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="#minZoom">minZoom</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="#popup">popup</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="Popup.html" onclick="getTypeHTML(event)" href="Popup.html">Popup</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>地图弹框popup</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#scale">scale</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="#spatialReference">spatialReference</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             SpatialReference
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>视图空间参考系</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#stationary">stationary</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="#width">width</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="#zoom">zoom</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             Number
    
</span>



                                    </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="members">
            
                <div class="member">

    <span class="method-parameter is-pulled-right">
        <label>类型:</label>
        
<span class="param-type">
    
             Point
    
</span>



    </span>

<h4 class="name" id="center">
    <a class="href-link" href="#center">#</a>
    
    <span class="code-name">
        center
    </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">
    
             Object
    
</span>



    </span>

<h4 class="name" id="engineType">
    <a class="href-link" href="#engineType">#</a>
    
        
            <span class='tag'>readonly</span>
        
    
    <span class="code-name">
        engineType
    </span>
    
</h4>




<div class="description">
    <p>引擎类型，为'cesium'</p>
</div>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





</div>
            
                <div class="member">

    <span class="method-parameter is-pulled-right">
        <label>类型:</label>
        
<span class="param-type">
    
             Extent
    
</span>



    </span>

<h4 class="name" id="extent">
    <a class="href-link" href="#extent">#</a>
    
    <span class="code-name">
        extent
    </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="height">
    <a class="href-link" href="#height">#</a>
    
        
            <span class='tag'>readonly</span>
        
    
    <span class="code-name">
        height
    </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="maxZoom">
    <a class="href-link" href="#maxZoom">#</a>
    
    <span class="code-name">
        maxZoom
    </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="minZoom">
    <a class="href-link" href="#minZoom">#</a>
    
    <span class="code-name">
        minZoom
    </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="Popup.html" onclick="getTypeHTML(event)" href="Popup.html">Popup</a>
    
</span>



    </span>

<h4 class="name" id="popup">
    <a class="href-link" href="#popup">#</a>
    
    <span class="code-name">
        popup
    </span>
    
</h4>




<div class="description">
    <p>地图弹框popup</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="scale">
    <a class="href-link" href="#scale">#</a>
    
    <span class="code-name">
        scale
    </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">
    
             SpatialReference
    
</span>



    </span>

<h4 class="name" id="spatialReference">
    <a class="href-link" href="#spatialReference">#</a>
    
        
            <span class='tag'>readonly</span>
        
    
    <span class="code-name">
        spatialReference
    </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="stationary">
    <a class="href-link" href="#stationary">#</a>
    
        
            <span class='tag'>readonly</span>
        
    
    <span class="code-name">
        stationary
    </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="width">
    <a class="href-link" href="#width">#</a>
    
        
            <span class='tag'>readonly</span>
        
    
    <span class="code-name">
        width
    </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="zoom">
    <a class="href-link" href="#zoom">#</a>
    
    <span class="code-name">
        zoom
    </span>
    
</h4>




<div class="description">
    <p>地图视图层级</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="#fromJSON">fromJSON</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             <a link="SceneViewCesium.html" onclick="getTypeHTML(event)" href="SceneViewCesium.html">SceneViewCesium</a>
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#flyTo">flyTo</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="#getCenter">getCenter</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Object
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#getExtent">getExtent</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Extent
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#getInnerLayer">getInnerLayer</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
         Array.&lt;<a onclick="getTypeHTML(event)" link="MapGISM3DSet.html">MapGISM3DSet</a>>
    
</span>
|

<span class="param-type">
    
             <a link="MapGISM3DSet.html" onclick="getTypeHTML(event)" href="MapGISM3DSet.html">MapGISM3DSet</a>
    
</span>
|

<span class="param-type">
    
             undefined
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#getScale">getScale</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="#getSize">getSize</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Object
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#getZoom">getZoom</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="#goTo">goTo</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                    </code>
                                </td>
                                <td class="name"><code><p>视点跳转为给定的目标</code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#hitTest">hitTest</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Array
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>穿透检测，图元拾取。目前支持graphic类型拾取结果，支持图层类型GraphicLayer，FeatureLayer。</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#setCenter">setCenter</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#setExtent">setExtent</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#takeScreenshot">takeScreenshot</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Promise
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>屏幕快照</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#toJSON">toJSON</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Object
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#toMap">toMap</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Point
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#toScreen">toScreen</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Object
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p></code></td>
                            </tr>
                        
                    </tbody>
                </table>
            </div>
            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4>
            
                <div class="member">


    
    <h4 class="name" id=".fromJSON">
        <a class="href-link" href="#.fromJSON">#</a>
        
            
                <span class='tag'>static</span>
            
        
        <span class="code-name" id="fromJSON" style="font-size:30px">
            
                fromJSON<span class="signature">(json)</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p><a id='fromJSON'></a>
通过一个配置生成一个场景视图对象</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>json</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Object
    
</span>



  
  </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='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
             <a link="SceneViewCesium.html" onclick="getTypeHTML(event)" href="SceneViewCesium.html">SceneViewCesium</a>
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="flyTo">
        <a class="href-link" href="#flyTo">#</a>
        
        <span class="code-name" id="flyTo" style="font-size:30px">
            
                flyTo<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">
  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>跳转参数</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>center</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>duration</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
          2
      
      </td>
  

  <td class="description last"><p>相机飞行到终点时的持续时间，单位秒</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>extent</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Extent
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>相机要飞行的某个范围</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>orientation</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>complete</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             function
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>相机飞行到终点时触发的函数</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>cancel</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             function
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>相机取消飞行时触发的函数</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>endTransform</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>maximumHeight</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>相机飞行的最大高度</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>pitchAdjustHeight</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>如果相机的飞行高度高于该值，则调整飞行过程中的俯仰角使相机视角向下看，并将地球保持在相机视窗中</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>flyOverLongitude</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"><p>强制让相机绕着地球飞行指定经度，直到到达终点位置</p></td>
</tr>


  
    
<tr class="deep-level-1">
  
      <td class="name"><code>flyOverLongitudeWeight</code></td>
  

  <td class="type">
  
      
<span class="param-type">
    
             Number
    
</span>



  
  </td>

  
      <td class="default">
      
      </td>
  

  <td class="description last"></td>
</tr>


  



        
        </tbody>
    </table>
</div>






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>























    <h5>示例</h5>
    
        <p class="code-caption"><h7>按范围跳转</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { Map, SceneViewCesium } = zondy
const { IGSMapImageLayer } = zondy.Layer
const { LayerEventType } = zondy.Enum
const { Extent } = zondy.Geometry
// ES6引入方式
import { Map, SceneViewCesium, IGSMapImageLayer, LayerEventType, Extent } from "@mapgis/webclient-cesium-plugin"
// 初始化图层管理容器
const map = new Map();
// 初始化地图视图对象
const sceneView = new SceneViewCesium({
  // 视图id
  viewId: "mapgis-3d-viewer",
  // 图层管理容器
  map: map
});
// 添加一个地图图层
const igsMapImageLayer = new IGSMapImageLayer({
  url: 'http://192.168.82.89:8089/igs/rest/services/Map/Hubei4326/MapServer'
});
map.add(igsMapImageLayer);
// 图层加载完毕
igsMapImageLayer.on(LayerEventType.layerViewCreated, function (result) {
  console.log("加载完毕:", result.layer)
  // 视点跳转
  sceneView.flyTo({
    extent: new Extent({
      xmin: 108.34341,
      ymin: 29.01258222765238,
      xmax: 116.15093956121316,
      ymax: 33.29320177370206
    })
  })
})</code></pre>
    

        <p class="code-caption"><h7>跳转中心点</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { Map, SceneViewCesium } = zondy
const { IGSMapImageLayer } = zondy.Layer
const { LayerEventType } = zondy.Enum
// ES6引入方式
import { Map, SceneViewCesium, IGSMapImageLayer, LayerEventType } from "@mapgis/webclient-cesium-plugin"
// 初始化图层管理容器
const map = new Map();
// 初始化地图视图对象
const sceneView = new SceneViewCesium({
  // 视图id
  viewId: "mapgis-3d-viewer",
  // 图层管理容器
  map: map
});
// 添加一个地图图层
const igsMapImageLayer = new IGSMapImageLayer({
  url: 'http://192.168.82.89:8089/igs/rest/services/Map/Hubei4326/MapServer'
});
map.add(igsMapImageLayer);
// 图层加载完毕
igsMapImageLayer.on(LayerEventType.layerViewCreated, function (result) {
  console.log("加载完毕:", result.layer)
  // 视点跳转
  sceneView.flyTo({
    center: [113, 30, 1000000]
  })
})</code></pre>
    


</div>
            
                <div class="member">


    
    <h4 class="name" id="getCenter">
        <a class="href-link" href="#getCenter">#</a>
        
        <span class="code-name" id="getCenter" style="font-size:30px">
            
                getCenter<span class="signature">()</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p><a id='getCenter'></a>
获取当前视图中心点</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">
    
             Object
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="getExtent">
        <a class="href-link" href="#getExtent">#</a>
        
        <span class="code-name" id="getExtent" style="font-size:30px">
            
                getExtent<span class="signature">()</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p><a id='getExtent'></a>
获取当前视图的地理范围<a id='getExtent'></a></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">
    
             Extent
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="getInnerLayer">
        <a class="href-link" href="#getInnerLayer">#</a>
        
        <span class="code-name" id="getInnerLayer" style="font-size:30px">
            
                getInnerLayer<span class="signature">(layer)</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p><a id='getInnerLayer'></a></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">
    
             IGSSceneLayer
    
</span>
|

<span class="param-type">
    
             IGSSceneSubLayer
    
</span>



  
  </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>MapGISM3DSet数组或MapGISM3DSet对象或空对象</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
         Array.&lt;<a onclick="getTypeHTML(event)" link="MapGISM3DSet.html">MapGISM3DSet</a>>
    
</span>
|

<span class="param-type">
    
             <a link="MapGISM3DSet.html" onclick="getTypeHTML(event)" href="MapGISM3DSet.html">MapGISM3DSet</a>
    
</span>
|

<span class="param-type">
    
             undefined
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="getScale">
        <a class="href-link" href="#getScale">#</a>
        
        <span class="code-name" id="getScale" style="font-size:30px">
            
                getScale<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>比例尺 实际10000米:地图1米</p></div>
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
             Number
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="getSize">
        <a class="href-link" href="#getSize">#</a>
        
        <span class="code-name" id="getSize" style="font-size:30px">
            
                getSize<span class="signature">()</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p><a id='getSize'></a>
获取当前视图容器的宽高，单位像素<a id='getSize'></a></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">
    
             Object
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="getZoom">
        <a class="href-link" href="#getZoom">#</a>
        
        <span class="code-name" id="getZoom" style="font-size:30px">
            
                getZoom<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">
    
             Number
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






</div>
            
                <div class="member">


    
    <h4 class="name" id="goTo">
        <a class="href-link" href="#goTo">#</a>
        
        <span class="code-name" id="goTo" style="font-size:30px">