@mapgis/webclient-common

<header id="page-title" class="page-title"> <span class="page-title-main">类名</span> <span class="page-title-sub">BaseView</span> </header> <section> <article> <div class="container-overview"> <div class='vertical-section'> <div class="members"> <div class="member"> <h4 class="name" id="BaseView"> <a class="href-link" href="#BaseView">#</a> <span class="code-name" id="BaseView" style="font-size:30px"> new BaseView<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" id="options"><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" id="map"><code>map</code></td> <td class="type"> <span class="param-type"><a link="Map.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Map" Map.html>Map</a></span> </td> <td class="default"> '' </td> <td class="description last"><p>图层管理器</p></td> </tr> <tr class="deep-level-1"> <td class="name" id="viewId"><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> </tbody> </table> </div> <dl class="details"> </dl> </div> </div> </div> </div> <h3 class="subsection-title">继承关系</h3> <ul> <li>Event</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="#_spatialReference">_spatialReference</a></code></td> <td class="name"> <code> <span class="param-type"><a link="SpatialReference.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="SpatialReference" SpatialReference.html>SpatialReference</a></span> </code> </td> <td class="name"><code><p>视图空间参考系</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#allLayerViews">allLayerViews</a></code></td> <td class="name"> <code> <span class="param-type"><a link="Collection.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Collection" Collection.html>Collection</a></span> </code> </td> <td class="name"><code><p>所有图层视图</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#basemapLayerViews">basemapLayerViews</a></code></td> <td class="name"> <code> <span class="param-type"><a link="Collection.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Collection" Collection.html>Collection</a></span> </code> </td> <td class="name"><code><p>图层视图</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#center">center</a></code></td> <td class="name"> <code> <span class="param-type">Array</span> </code> </td> <td class="name"><code><p>视图中心点</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#cursor">cursor</a></code></td> <td class="name"> <code> <span class="param-type">String</span> </code> </td> <td class="name"><code><p>鼠标样式，参考css的cursor样式</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#layerViews">layerViews</a></code></td> <td class="name"> <code> <span class="param-type"><a link="Collection.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Collection" Collection.html>Collection</a></span> </code> </td> <td class="name"><code><p>图层视图</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#map">map</a></code></td> <td class="name"> <code> <span class="param-type"><a link="Map.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Map" Map.html>Map</a></span> </code> </td> <td class="name"><code><p>地图管理容器对象</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#maxScale">maxScale</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="#minScale">minScale</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">Object</span> </code> </td> <td class="name"><code><p>弹窗设置</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#rotation">rotation</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="#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="#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="#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"><a link="SpatialReference.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="SpatialReference" SpatialReference.html>SpatialReference</a></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"><a link="Collection.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Collection" Collection.html>Collection</a></span> </span> <h4 class="name" id="allLayerViews"> <a class="href-link" href="#allLayerViews">#</a> <span class='tag'>readonly</span> <span class="code-name"> allLayerViews </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="Collection.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Collection" Collection.html>Collection</a></span> </span> <h4 class="name" id="basemapLayerViews"> <a class="href-link" href="#basemapLayerViews">#</a> <span class='tag'>readonly</span> <span class="code-name"> basemapLayerViews </span> </h4> <div class="description"> <p>图层视图</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type">Array</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">String</span> </span> <h4 class="name" id="cursor"> <a class="href-link" href="#cursor">#</a> <span class="code-name"> cursor </span> </h4> <div class="description"> <p>鼠标样式，参考css的cursor样式</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="Collection.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Collection" Collection.html>Collection</a></span> </span> <h4 class="name" id="layerViews"> <a class="href-link" href="#layerViews">#</a> <span class='tag'>readonly</span> <span class="code-name"> layerViews </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="Map.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Map" Map.html>Map</a></span> </span> <h4 class="name" id="map"> <a class="href-link" href="#map">#</a> <span class="code-name"> map </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="maxScale"> <a class="href-link" href="#maxScale">#</a> <span class="code-name"> maxScale </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="minScale"> <a class="href-link" href="#minScale">#</a> <span class="code-name"> minScale </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">Object</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>弹窗设置</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="rotation"> <a class="href-link" href="#rotation">#</a> <span class="code-name"> rotation </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="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">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="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="#getInnerLayer">getInnerLayer</a></code></td> <td class="name"> <code> <span class="param-type">Object</span> | <span class="param-type">null</span> </code> </td> <td class="name"><code><p>根据基础图层对象或者图层id查询并返回实际图层，如果是场景图层，则会返回一个数组对象</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#getInnerView">getInnerView</a></code></td> <td class="name"> <code> <span class="param-type">Object</span> </code> </td> <td class="name"><code><p>获取引擎视图对象,在leaflet引擎上返回leafelt map,在cesium引擎上返回cesium viewer</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#getLayer">getLayer</a></code></td> <td class="name"> <code> <span class="param-type"><a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a></span> </code> </td> <td class="name"><code><p>根据基础图层id查询并返回基础图层对象</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#setMap">setMap</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="#toJSON">toJSON</a></code></td> <td class="name"> <code> <span class="param-type">Object</span> </code> </td> <td class="name"><code><p>转换为json对象</p></code></td> </tr> </tbody> </table> </div> <h4 style="margin-top: 20px;margin-bottom: 20px;">方法详情</h4> <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>根据基础图层对象或者图层id查询并返回实际图层，如果是场景图层，则会返回一个数组对象</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" id="layer"><code>layer</code></td> <td class="type"> <span class="param-type">Object</span> | <span class="param-type">String</span> </td> <td class="description last"><p>基础图层对象或者图层id</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> | <span class="param-type">null</span> </div> </div> </div> </div> <h5>示例</h5> <p class="code-caption"><h7>根据基础图层对象或者图层id查询并返回实际图层</h7></p> <pre class="prettyprint"><code>// ES5引入方式 const { IGSSceneLayer } = Zondy.Layer // ES6引入方式 import { IGSSceneLayer } from "@mapgis/webclient-cesium-plugin" // 添加一个场景图层 const igsSceneLayer = new IGSSceneLayer({ url: 'http://webclient.smaryun.com:8089/igs/rest/g3d/Scene:DaYanTa-M3D' }); map.add(igsSceneLayer); // 添加完毕后，过去实际图层对象 igsSceneLayer.on("layerview-created", function (result) { console.log("加载完毕:", result.layer) const innerLayer = view.getInnerLayer(igsSceneLayer) console.log("innerLayer:", innerLayer) })</code></pre> </div> <div class="member"> <h4 class="name" id="getInnerView"> <a class="href-link" href="#getInnerView">#</a> <span class="code-name" id="getInnerView" style="font-size:30px"> getInnerView<span class="signature">()</span> </span> </h4> <div class="description"> <p>获取引擎视图对象,在leaflet引擎上返回leafelt map,在cesium引擎上返回cesium viewer</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='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="getLayer"> <a class="href-link" href="#getLayer">#</a> <span class="code-name" id="getLayer" style="font-size:30px"> getLayer<span class="signature">(layerId)</span> </span> </h4> <div class="description"> <p>根据基础图层id查询并返回基础图层对象</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" id="layerId"><code>layerId</code></td> <td class="type"> <span class="param-type">String</span> </td> <td class="description last"><p>基础图层ID</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"><a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a></span> </div> </div> </div> </div> </div> <div class="member"> <h4 class="name" id="setMap"> <a class="href-link" href="#setMap">#</a> <span class="code-name" id="setMap" style="font-size:30px"> setMap<span class="signature">(map)</span> </span> </h4> <div class="description"> <p>添加图层管理容器</p> </div> <h4>参数</h4> <div class="table-container"> <table class="params table"> <thead> <tr> <th>名称</th> <th>类型</th> <th class="last">描述</th> </tr> </thead> <tbody> <tr class="deep-level-0"> <td class="name" id="map"><code>map</code></td> <td class="type"> <span class="param-type"><a link="Map.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Map" Map.html>Map</a></span> </td> <td class="description last"><p>图层管理容器</p></td> </tr> </tbody> </table> </div> <dl class="details"> </dl> </div> <div class="member"> <h4 class="name" id="toJSON"> <a class="href-link" href="#toJSON">#</a> <span class="code-name" id="toJSON" style="font-size:30px"> toJSON<span class="signature">()</span> </span> </h4> <div class="description"> <p>转换为json对象</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>json对象</p></div> <div class='column is-5 has-text-left'> <label>类型: </label> <span class="param-type">Object</span> </div> </div> </div> </div> </div> </div> </div> <div class='vertical-section' style='margin-top: 10px'> <h3 id='event'>事件</h3> <h4 style="margin-top: 20px;margin-bottom: 20px;">事件概述</h4> <div class="table-container"> <table class="params table"> <thead> <tr> <th>名称</th> <th>描述</th> </tr> </thead> <tbody> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#地图大小变化事件">地图大小变化事件</a></code></td> <td class="name"><code>地图大小变化事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#地图视图加载完毕事件">地图视图加载完毕事件</a></code></td> <td class="name"><code>地图视图加载完毕事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#地图视图改变事件">地图视图改变事件</a></code></td> <td class="name"><code>地图视图改变事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#视图图层创建事件">视图图层创建事件</a></code></td> <td class="name"><code>视图图层创建事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#视图图层创建错误事件">视图图层创建错误事件</a></code></td> <td class="name"><code>视图图层创建错误事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#视图图层移除事件">视图图层移除事件</a></code></td> <td class="name"><code>视图图层移除事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#键盘抬起事件">键盘抬起事件</a></code></td> <td class="name"><code>键盘抬起事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#键盘按下事件">键盘按下事件</a></code></td> <td class="name"><code>键盘按下事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#鼠标双击事件">鼠标双击事件</a></code></td> <td class="name"><code>鼠标双击事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#鼠标抬起事件">鼠标抬起事件</a></code></td> <td class="name"><code>鼠标抬起事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#鼠标拖拽事件">鼠标拖拽事件</a></code></td> <td class="name"><code>鼠标拖拽事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#鼠标按下事件">鼠标按下事件</a></code></td> <td class="name"><code>鼠标按下事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#鼠标点击事件">鼠标点击事件</a></code></td> <td class="name"><code>鼠标点击事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#鼠标点击立即响应事件">鼠标点击立即响应事件</a></code></td> <td class="name"><code>鼠标点击立即响应事件</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="BaseView.html#鼠标移动事件">鼠标移动事件</a></code></td> <td class="name"><code>鼠标移动事件</code></td> </tr> </tbody> </table> </div> <h4 style="margin-top: 20px;margin-bottom: 20px;">事件详情</h4> <div class="members"> <div class="member"> <h4 class="name" id="event:%E5%9C%B0%E5%9B%BE%E5%A4%A7%E5%B0%8F%E5%8F%98%E5%8C%96%E4%BA%8B%E4%BB%B6"> <a class="href-link" href="#event:%E5%9C%B0%E5%9B%BE%E5%A4%A7%E5%B0%8F%E5%8F%98%E5%8C%96%E4%BA%8B%E4%BB%B6">#</a> <span class="code-name" id="地图大小变化事件" style="font-size:30px"> 地图大小变化事件 </span> </h4> <h5 class="subsection-title">属性:</h5> <div class="table-container"> <table class="props table"> <thead> <tr> <th>Name</th> <th>Type</th> <th>Attributes</th> <th>Default</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr class="deep-level-0"> <td class="name"><code>event</code></td> <td class="type"> <span class="param-type">Object</span> </td> <td class="attributes"> </td> <td class="default"> </td> <td class="description last"><p>事件对象</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>type</code></td> <td class="type"> <span class="param-type"><a link="LayerEventType.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="LayerEventType" global.html#LayerEventType>LayerEventType</a></span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> 'resize' </td> <td class="description last"><p>事件类型</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>oldWidth</code></td> <td class="type"> <span class="param-type">Number</span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> </td> <td class="description last"><p>变化前的视图宽度，单位px</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>oldHeight</code></td> <td class="type"> <span class="param-type">Number</span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> </td> <td class="description last"><p>变化前的视图高度，单位px</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="attributes"> <optional><br> </td> <td class="default"> </td> <td class="description last"><p>变化后的视图高度，单位px</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="attributes"> <optional><br> </td> <td class="default"> </td> <td class="description last"><p>变化后的视图高度，单位px</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>sourceTarget</code></td> <td class="type"> <span class="param-type"><a link="BaseView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="BaseView" BaseView.html>BaseView</a></span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> </td> <td class="description last"><p>事件发起对象</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>target</code></td> <td class="type"> <span class="param-type"><a link="Map.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Map" Map.html>Map</a></span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> </td> <td class="description last"><p>事件接收对象</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>event</code></td> <td class="type"> <span class="param-type">Object</span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> </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>view.on('resize', (event) => { console.log("地图大小变化事件:", event) })</code></pre> </div> <div class="member"> <h4 class="name" id="event:%E5%9C%B0%E5%9B%BE%E8%A7%86%E5%9B%BE%E5%8A%A0%E8%BD%BD%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6"> <a class="href-link" href="#event:%E5%9C%B0%E5%9B%BE%E8%A7%86%E5%9B%BE%E5%8A%A0%E8%BD%BD%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">#</a> <span class="code-name" id="地图视图加载完毕事件" style="font-size:30px"> 地图视图加载完毕事件 </span> </h4> <h5 class="subsection-title">属性:</h5> <div class="table-container"> <table class="props table"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr class="deep-level-0"> <td class="name"><code>event</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> <h5>示例</h5> <p class="code-caption"><h7>地图视图加载完毕事件</h7></p> <pre class="prettyprint"><code>view.on('loaded', (event) => { console.log("点击事件:", event) })</code></pre> </div> <div class="member"> <h4 class="name" id="event:%E5%9C%B0%E5%9B%BE%E8%A7%86%E5%9B%BE%E6%94%B9%E5%8F%98%E4%BA%8B%E4%BB%B6"> <a class="href-link" href="#event:%E5%9C%B0%E5%9B%BE%E8%A7%86%E5%9B%BE%E6%94%B9%E5%8F%98%E4%BA%8B%E4%BB%B6">#</a> <span class="code-name" id="地图视图改变事件" style="font-size:30px"> 地图视图改变事件 </span> </h4> <h5 class="subsection-title">属性:</h5> <div class="table-container"> <table class="props table"> <thead> <tr> <th>Name</th> <th>Type</th> <th>Attributes</th> <th>Default</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr class="deep-level-0"> <td class="name"><code>event</code></td> <td class="type"> <span class="param-type">Object</span> </td> <td class="attributes"> </td> <td class="default"> </td> <td class="description last"><p>事件对象</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>type</code></td> <td class="type"> <span class="param-type"><a link="LayerEventType.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="LayerEventType" global.html#LayerEventType>LayerEventType</a></span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> 'view-change' </td> <td class="description last"><p>事件类型</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>target</code></td> <td class="type"> <span class="param-type"><a link="BaseView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="BaseView" BaseView.html>BaseView</a></span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> </td> <td class="description last"><p>事件接收对象</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>mapView</code></td> <td class="type"> <span class="param-type"><a link="BaseView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="BaseView" BaseView.html>BaseView</a></span> </td> <td class="attributes"> <optional><br> </td> <td class="default"> </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="attributes"> <optional><br> </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