@mapgis/webclient-common
Version:
mapgis ES6 format for igserver
11,212 lines • 168 kB
HTML
<header id="page-title" class="page-title">
<span class="page-title-main">类名</span>
<span class="page-title-sub">VectorTileLayer</span>
</header>
<section>
<article>
<div class="container-overview">
<div class='vertical-section'>
<div class="members">
<div class="member">
<h4 class="name" id="VectorTileLayer">
<a class="href-link" href="#VectorTileLayer">#</a>
<span class="code-name" id="VectorTileLayer" style="font-size:30px">
new VectorTileLayer<span class="signature">(options)</span>
</span>
</h4>
<div class="description">
<p>矢量瓦片图层基类
<br>
<br>
可通过重写VectorTileLayer的load方法，来自定义矢量瓦片业务逻辑，示例如下：<br>
<a href='#custom-es5'>[自定义矢量瓦片业务逻辑-es5]</a>，<a href='#custom-es6'>[自定义矢量瓦片业务逻辑-es6]</a>
<br>
<br></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>url</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="default">
null
</td>
<td class="description last"><p>服务基地址</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>opacity</code></td>
<td class="type">
<span class="param-type">
Number
</span>
</td>
<td class="default">
1
</td>
<td class="description last"><p>图层透明度，0到1之间的值，0为完全透明，1为不透明</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>minScale</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>maxScale</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>tokenKey</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="default">
'token'
</td>
<td class="description last"><p>token名</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>tokenValue</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="default">
null
</td>
<td class="description last"><p>token值，只有当tokenValue存在时，才会绑定token</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>labelsRenderMode</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="default">
'off-screen'
</td>
<td class="description last"><p>指定矢量瓦片注记的渲染模式,仅在三维上有效<br/>
on-screen: 使用Cesium接口实时渲染注记<br/>
off-screen: 使用矢量瓦片来绘制注记<br/>
三维注记目前不支持修改透明度和显隐参数<br>
请注意模式切换时，会造成性能损失，在显卡较弱的机器上会出现卡顿现象<br/>
示例请参考<a class="mapgis-link-name" title="IGSVectorTileLayer" IGSVectorTileLayer.html><code>IGSVectorTileLayer</code></a></p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>clippingArea</code></td>
<td class="type">
<span class="param-type">
<a link="Polygon.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Polygon" Polygon.html>Polygon</a>
</span>
|
<span class="param-type">
<a link="Extent.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Extent" Extent.html>Extent</a>
</span>
|
<span class="param-type">
<a link="Circle.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Circle" Circle.html>Circle</a>
</span>
|
<span class="param-type">
<a link="MultiPolygon.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MultiPolygon" MultiPolygon.html>MultiPolygon</a>
</span>
|
<span class="param-type">
null
</span>
</td>
<td class="default">
null
</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>
</ul>
</div>
</div>
<p class="summary"><h5>支持如下方法：</h5>
<a href='#getStyleLayer'>[1、通过矢量瓦片样式图层的id，找到对应的矢量瓦片样式图层对象]</a><br/>
<a href='#getStyleLayerIndex'>[2、通过矢量瓦片样式图层的id，找到对应的矢量瓦片样式图层的序号]</a><br/>
<a href='#getStyleLayerId'>[3、通过矢量瓦片样式图层的序号，找到对应的矢量瓦片样式图层的id]</a><br/>
<a href='#setStyleLayer'>[4、设置样式图层属性对象]</a><br/>
<a href='#deleteStyleLayer'>[5、删除样式图层]</a><br/>
<a href='#setStyleLayerVisibility'>[6、设置样式图层可见性]</a><br/>
<a href='#getStyleLayerVisibility'>[7、获取样式图层可见性]</a><br/>
<a href='#getPaintProperties'>[8、获取样式图层绘制属性]</a><br/>
<a href='#setPaintProperties'>[9、设置样式图层绘制属性]</a><br/>
<a href='#getLayoutProperties'>[10、获取样式图层布局属性]</a><br/>
<a href='#setLayoutProperties'>[11、设置样式图层布局属性]</a><br/>
<a href='#setExtendProperties'>[12、设置样式图层的额外属性]</a><br/>
<a href='#getExtendProperties'>[13、获取样式图层的额外属性]</a><br/>
<a href='#fromJSON'>[14、通过传入的json构造并返回一个新的VectorTileLayer对象]</a><br/>
<a href='#toJSON'>[15、转换为json对象]</a><br/>
<a href='#clone'>[16、克隆方法]</a><br/></p>
<h5>示例</h5>
<p class="code-caption"><h7 id='custom-es5'>自定义矢量瓦片业务逻辑-es5</h7></p>
<pre class="prettyprint"><code>// ES5引入方式
const { VectorTileLayer } = zondy.layer
// ES6引入方式
import { VectorTileLayer } from "@mapgis/webclient-common"
// 初始化矢量瓦片图层
const vectorTileLayerCustom = new VectorTileLayer({
// 矢量瓦片基地址
url: ''
});
// 例如通过重写vectorTileLayerCustom对象的load方法，来自定义矢量瓦片业务逻辑
vectorTileLayerCustom.load = (customStyle) => {
// 你自己的业务逻辑，必须完成如下步骤
// 1 初始化参考系
// this.spatialReference = 参考系
// 2 设置图层瓦片参数
// this.tileInfo = 图层瓦片参数
// 3 设置图层范围
// this.extent = 图层范围
// 4 设置矢量瓦片mvt样式
// this.style = 矢量瓦片mvt样式
// 5 如果有雪碧图参数，则要设置
// this._style.sprite = 雪碧图参数
// 6 必须返回一个Promise对象，并更新图层状态
return new Promise((resolve) => {
this.loadStatus = LoadStatus.loaded
this.loaded = true
resolve(this)
})
}
// 在ES5模式下，如果更改了图层的业务逻辑，则必须通过图层的load方法来加载元信息，之后再添加图层
vectorTileLayerCustom.load().then(() => {
// 添加图层
map.add(vectorTileLayerCustom)
})</code></pre>
<p class="code-caption"><h7 id='custom-es6'>自定义矢量瓦片业务逻辑-es6</h7></p>
<pre class="prettyprint"><code>// ES6引入方式
import { VectorTileLayer } from "@mapgis/webclient-common"
// 在ES6模式下继承VectorTileLayer，并重写其业务逻辑
class VectorTileLayerCustom extends VectorTileLayer {
constructor(options) {
super(options)
}
}
// 重写方法
VectorTileLayerCustom.prototype.load = (customStyle) => {
// 你自己的业务逻辑，必须完成如下步骤
// 1 初始化参考系
// this.spatialReference = 参考系
// 2 设置图层瓦片参数
// this.tileInfo = 图层瓦片参数
// 3 设置图层范围
// this.extent = 图层范围
// 4 设置矢量瓦片mvt样式
// this.style = 矢量瓦片mvt样式
// 5 如果有雪碧图参数，则要设置
// this._style.sprite = 雪碧图参数
// 6 必须返回一个Promise对象，并更新图层状态
return new Promise((resolve) => {
this.loadStatus = LoadStatus.loaded
this.loaded = true
resolve(this)
})
}
const customLayer = new VectorTileLayerCustom({
// 矢量瓦片基地址
url: ''
})</code></pre>
</div>
</div>
</div>
</div>
<h3 class="subsection-title">继承关系</h3>
<ul>
<li><a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a></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="#capabilities">capabilities</a></code></td>
<td class="name">
<code>
<span class="param-type">
Array.<String>
</span>
</code>
</td>
<td class="name"><code><p>服务支持的能力</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#clippingArea">clippingArea</a></code></td>
<td class="name">
<code>
<span class="param-type">
<a link="Polygon.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Polygon" Polygon.html>Polygon</a>
</span>
|
<span class="param-type">
<a link="Extent.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Extent" Extent.html>Extent</a>
</span>
|
<span class="param-type">
<a link="Circle.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Circle" Circle.html>Circle</a>
</span>
|
<span class="param-type">
<a link="MultiPolygon.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MultiPolygon" MultiPolygon.html>MultiPolygon</a>
</span>
|
<span class="param-type">
null
</span>
</code>
</td>
<td class="name"><code><p>空间裁剪范围</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#copyright">copyright</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>版权所有</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#currentStyleInfo">currentStyleInfo</a></code></td>
<td class="name">
<code>
<span class="param-type">
Object
</span>
</code>
</td>
<td class="name"><code><p>当前的矢量瓦片样式信息，包含serviceUrl 、styleUrl 、spriteUrl 、glyphsUrl 以及style</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#description">description</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>图层描述</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#extendOptions">extendOptions</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="#extendProps">extendProps</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="#extent">extent</a></code></td>
<td class="name">
<code>
<span class="param-type">
<a link="Extent.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Extent" Extent.html>Extent</a>
</span>
</code>
</td>
<td class="name"><code><p>图层范围，从服务元信息中获取</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#headers">headers</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>设置服务请求头</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#httpMethod">httpMethod</a></code></td>
<td class="name">
<code>
<span class="param-type">
<a link="FetchMethod.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FetchMethod" global.html#FetchMethod>FetchMethod</a>
</span>
</code>
</td>
<td class="name"><code><p>http请求方式</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#id">id</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>图层id</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#index">index</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="#labelsRenderMode">labelsRenderMode</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>指定矢量瓦片注记的渲染模式,仅在三维上有效；
on-screen: 使用Cesium接口实时渲染注记；
off-screen: 使用矢量瓦片来绘制注记；
请注意模式切换时，会造成性能损失，在显卡较弱的机器上会出现卡顿现象；</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#loaded">loaded</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="#loadStatus">loadStatus</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</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>最大显示比例尺，图层在视图中可见的最大比例尺(最放大)。如果地图被放大到超过这个比例，图层将不可见。默认值为0，0表示图层没有最大比例尺、可见性不受最大比例尺限制。maxScale应该始终小于minScale。</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>最小显示比例尺，图层在视图中可见的最小比例尺(最缩小)。如果地图被缩小到超过这个比例，图层将不可见。默认值为0，0表示图层没有最小比例尺、可见性不受最小比例尺限制。minScale应该始终大于maxScale。</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#mvtExtent">mvtExtent</a></code></td>
<td class="name">
<code>
<span class="param-type">
Number
</span>
</code>
</td>
<td class="name"><code><p>mvt矢量瓦片相对坐标范围,默认为4096,表示矢量瓦片相对坐标的范围为0到4096</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#opacity">opacity</a></code></td>
<td class="name">
<code>
<span class="param-type">
Number
</span>
</code>
</td>
<td class="name"><code><p>图层透明度，0到1之间的值，0为完全透明，1为不透明，会触发图层更新完毕事件。IGSSceneLayer图层类型为地形时，不支持该属性。</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">
<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="#style">style</a></code></td>
<td class="name">
<code>
<span class="param-type">
Object
</span>
</code>
</td>
<td class="name"><code><p>矢量瓦片的mvt样式对象</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#tileInfo">tileInfo</a></code></td>
<td class="name">
<code>
<span class="param-type">
<a link="TileInfo.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="TileInfo" TileInfo.html>TileInfo</a>
</span>
|
<span class="param-type">
undefined
</span>
</code>
</td>
<td class="name"><code><p>瓦片切图信息</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#title">title</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>图层名称</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#tokenAttachType">tokenAttachType</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>token附加类型。默认psot请求优先附加到body，get请求优先附加到url末尾</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#tokenKey">tokenKey</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>token名</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#tokenValue">tokenValue</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>token值</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#type">type</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>图层类型</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#url">url</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code><p>矢量瓦片服务地址</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#visible">visible</a></code></td>
<td class="name">
<code>
<span class="param-type">
Number
</span>
</code>
</td>
<td class="name"><code><p>图层显示或隐藏，true则显示，false则隐藏，会触发图层更新完毕事件</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">
Array.<String>
</span>
</span>
<h4 class="name" id="capabilities">
<a class="href-link" href="#capabilities">#</a>
<span class="code-name">
capabilities
</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="Polygon.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Polygon" Polygon.html>Polygon</a>
</span>
|
<span class="param-type">
<a link="Extent.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Extent" Extent.html>Extent</a>
</span>
|
<span class="param-type">
<a link="Circle.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Circle" Circle.html>Circle</a>
</span>
|
<span class="param-type">
<a link="MultiPolygon.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MultiPolygon" MultiPolygon.html>MultiPolygon</a>
</span>
|
<span class="param-type">
null
</span>
</span>
<h4 class="name" id="clippingArea">
<a class="href-link" href="#clippingArea">#</a>
<span class="code-name">
clippingArea
</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="copyright">
<a class="href-link" href="#copyright">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
copyright
</span>
</h4>
<div class="description">
<p>版权所有</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="copyright" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#copyright" Layer.html#copyright>Layer#copyright</a>
</li></ul></dd>
</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="currentStyleInfo">
<a class="href-link" href="#currentStyleInfo">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
currentStyleInfo
</span>
</h4>
<div class="description">
<p>当前的矢量瓦片样式信息，包含serviceUrl 、styleUrl 、spriteUrl 、glyphsUrl 以及style</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="description">
<a class="href-link" href="#description">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
description
</span>
</h4>
<div class="description">
<p>图层描述</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="description" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#description" Layer.html#description>Layer#description</a>
</li></ul></dd>
</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="extendOptions">
<a class="href-link" href="#extendOptions">#</a>
<span class="code-name">
extendOptions
</span>
</h4>
<div class="description">
<p>初始化图层的额外参数，可以通过该参数传入引擎原生的构造参数</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="extendOptions" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#extendOptions" Layer.html#extendOptions>Layer#extendOptions</a>
</li></ul></dd>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>{}</li>
</ul></dd>
</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="extendProps">
<a class="href-link" href="#extendProps">#</a>
<span class="code-name">
extendProps
</span>
</h4>
<div class="description">
<p>当前图层对象上不支持的属性，二次开发用户希望挂在图层对像上的属性可以存储到该属性中</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="extendProps" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#extendProps" Layer.html#extendProps>Layer#extendProps</a>
</li></ul></dd>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>{}</li>
</ul></dd>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">
<a link="Extent.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Extent" Extent.html>Extent</a>
</span>
</span>
<h4 class="name" id="extent">
<a class="href-link" href="#extent">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
extent
</span>
</h4>
<div class="description">
<p>图层范围，从服务元信息中获取</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="extent" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#extent" Layer.html#extent>Layer#extent</a>
</li></ul></dd>
</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="headers">
<a class="href-link" href="#headers">#</a>
<span class="code-name">
headers
</span>
</h4>
<div class="description">
<p>设置服务请求头</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="headers" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#headers" Layer.html#headers>Layer#headers</a>
</li></ul></dd>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">
<a link="FetchMethod.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FetchMethod" global.html#FetchMethod>FetchMethod</a>
</span>
</span>
<h4 class="name" id="httpMethod">
<a class="href-link" href="#httpMethod">#</a>
<span class="code-name">
httpMethod
</span>
</h4>
<div class="description">
<p>http请求方式</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="httpMethod" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#httpMethod" Layer.html#httpMethod>Layer#httpMethod</a>
</li></ul></dd>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">
String
</span>
</span>
<h4 class="name" id="id">
<a class="href-link" href="#id">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
id
</span>
</h4>
<div class="description">
<p>图层id</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="id" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#id" Layer.html#id>Layer#id</a>
</li></ul></dd>
</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="index">
<a class="href-link" href="#index">#</a>
<span class="code-name">
index
</span>
</h4>
<div class="description">
<p>图层顺序</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="index" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#index" Layer.html#index>Layer#index</a>
</li></ul></dd>
</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="labelsRenderMode">
<a class="href-link" href="#labelsRenderMode">#</a>
<span class="code-name">
labelsRenderMode
</span>
</h4>
<div class="description">
<p>指定矢量瓦片注记的渲染模式,仅在三维上有效；
on-screen: 使用Cesium接口实时渲染注记；
off-screen: 使用矢量瓦片来绘制注记；
请注意模式切换时，会造成性能损失，在显卡较弱的机器上会出现卡顿现象；</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="loaded">
<a class="href-link" href="#loaded">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
loaded
</span>
</h4>
<div class="description">
<p>是否加载完毕</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="loaded" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#loaded" Layer.html#loaded>Layer#loaded</a>
</li></ul></dd>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>false</li>
</ul></dd>
</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="loadStatus">
<a class="href-link" href="#loadStatus">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
loadStatus
</span>
</h4>
<div class="description">
<p>图层加载状态</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="loadStatus" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#loadStatus" Layer.html#loadStatus>Layer#loadStatus</a>
</li></ul></dd>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>not-loaded</li>
</ul></dd>
</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>最大显示比例尺，图层在视图中可见的最大比例尺(最放大)。如果地图被放大到超过这个比例，图层将不可见。默认值为0，0表示图层没有最大比例尺、可见性不受最大比例尺限制。maxScale应该始终小于minScale。</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="maxScale" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#maxScale" Layer.html#maxScale>Layer#maxScale</a>
</li></ul></dd>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>0</li>
</ul></dd>
</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>最小显示比例尺，图层在视图中可见的最小比例尺(最缩小)。如果地图被缩小到超过这个比例，图层将不可见。默认值为0，0表示图层没有最小比例尺、可见性不受最小比例尺限制。minScale应该始终大于maxScale。</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="minScale" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#minScale" Layer.html#minScale>Layer#minScale</a>
</li></ul></dd>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>0</li>
</ul></dd>
</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="mvtExtent">
<a class="href-link" href="#mvtExtent">#</a>
<span class="code-name">
mvtExtent
</span>
</h4>
<div class="description">
<p>mvt矢量瓦片相对坐标范围,默认为4096,表示矢量瓦片相对坐标的范围为0到4096</p>
</div>
<dl class="details">
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>4096</li>
</ul></dd>
</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="opacity">
<a class="href-link" href="#opacity">#</a>
<span class="code-name">
opacity
</span>
</h4>
<div class="description">
<p>图层透明度，0到1之间的值，0为完全透明，1为不透明，会触发图层更新完毕事件。IGSSceneLayer图层类型为地形时，不支持该属性。</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="opacity" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#opacity" Layer.html#opacity>Layer#opacity</a>
</li></ul></dd>
</dl>
</div>
<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="code-name">
spatialReference
</span>
</h4>
<div class="description">
<p>图层坐标系对象</p>
</div>
<dl class="details">
<dt class="tag-overrides">Overrides:</dt>
<dd class="tag-overrides"><ul class="dummy"><li>
<a class="mapgis-link-name" title="Layer#spatialReference" Layer.html#spatialReference>Layer#spatialReference</a>
</li></ul></dd>
</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="style">
<a class="href-link" href="#style">#</a>
<span class="code-name">
style
</span>
</h4>
<div class="description">
<p>矢量瓦片的mvt样式对象</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="TileInfo.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="TileInfo" TileInfo.html>TileInfo</a>
</span>
|
<span class="param-type">
undefined
</span>
</span>
<h4 class="name" id="tileInfo">
<a class="href-link" href="#tileInfo">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
tileInfo
</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="title">
<a class="href-link" href="#title">#</a>
<span class="code-name">
title
</span>
</h4>
<div class="description">
<p>图层名称</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="title" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#title" Layer.html#title>Layer#title</a>
</li></ul></dd>
</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="tokenAttachType">
<a class="href-link" href="#tokenAttachType">#</a>
<span class="code-name">
tokenAttachType
</span>
</h4>
<div class="description">
<p>token附加类型。默认psot请求优先附加到body，get请求优先附加到url末尾</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="tokenAttachType" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#tokenAttachType" Layer.html#tokenAttachType>Layer#tokenAttachType</a>
</li></ul></dd>
</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="tokenKey">
<a class="href-link" href="#tokenKey">#</a>
<span class="code-name">
tokenKey
</span>
</h4>
<div class="description">
<p>token名</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="tokenKey" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#tokenKey" Layer.html#tokenKey>Layer#tokenKey</a>
</li></ul></dd>
<dt class="tag-default">Default Value:</dt>
<dd class="tag-default"><ul class="dummy">
<li>token</li>
</ul></dd>
</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="tokenValue">
<a class="href-link" href="#tokenValue">#</a>
<span class="code-name">
tokenValue
</span>
</h4>
<div class="description">
<p>token值</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="tokenValue" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#tokenValue" Layer.html#tokenValue>Layer#tokenValue</a>
</li></ul></dd>
</dl>
</div>
<div class="member">
<span class="method-parameter is-pulled-right">
<label>类型:</label>
<span class="param-type">
String
</span>
</span>
<h4 class="name" id="type">
<a class="href-link" href="#type">#</a>
<span class='tag'>readonly</span>
<span class="code-name">
type
</span>
</h4>
<div class="description">
<p>图层类型</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="type" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#type" Layer.html#type>Layer#type</a>
</li></ul></dd>
</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="url">
<a class="href-link" href="#url">#</a>
<span class="code-name">
url
</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="visible">
<a class="href-link" href="#visible">#</a>
<span class="code-name">
visible
</span>
</h4>
<div class="description">
<p>图层显示或隐藏，true则显示，false则隐藏，会触发图层更新完毕事件</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="visible" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#visible" Layer.html#visible>Layer#visible</a>
</li></ul></dd>
</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="VectorTileLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="VectorTileLayer" VectorTileLayer.html>VectorTileLayer</a>
</span>
</code>
</td>
<td class="name"><code><p>通过传入的json构造并返回一个新的VectorTileLayer对象</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#clone">clone</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>克隆方法</p></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#deleteStyleLayer">deleteStyleLayer</a></code></td>
<td class="name">
<code>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#destroy">destroy</a></code></td>
<td class="name">
<code>
<span class="param-type">
*
</span>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#getExtendProperties">getExtendProperties</a></code></td>
<td class="name">
<code>
<span class="param-type">
Any
</span>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#getLayoutProperties">getLayoutProperties</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></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#getPaintProperties">getPaintProperties</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></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#getStyleLayer">getStyleLayer</a></code></td>
<td class="name">
<code>
<span class="param-type">
Object
</span>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#getStyleLayerId">getStyleLayerId</a></code></td>
<td class="name">
<code>
<span class="param-type">
String
</span>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#getStyleLayerIndex">getStyleLayerIndex</a></code></td>
<td class="name">
<code>
<span class="param-type">
Number
</span>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#getStyleLayerVisibility">getStyleLayerVisibility</a></code></td>
<td class="name">
<code>
<span class="param-type">
Boolean
</span>
</code>
</td>
<td class="name"><code><p>获取样式图层可见性
</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#isLoaded">isLoaded</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="#off">off</a></code></td>
<td class="name">
<code>
<span class="param-type">
Object
</span>
</code>
</td>
<td class="name"><code><p>移除事件<br/>
示例如下:<br/>
</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#on">on</a></code></td>
<td class="name">
<code>
<span class="param-type">
Object
</span>
</code>
</td>
<td class="name"><code><p>注册一个新的监听事件;<br/>
示例如下：<br/>
</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#refresh">refresh</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="#setExtendProperties">setExtendProperties</a></code></td>
<td class="name">
<code>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#setLayoutProperties">setLayoutProperties</a></code></td>
<td class="name">
<code>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#setPaintProperties">setPaintProperties</a></code></td>
<td class="name">
<code>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#setStyleLayer">setStyleLayer</a></code></td>
<td class="name">
<code>
</code>
</td>
<td class="name"><code></code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#setStyleLayerVisibility">setStyleLayerVisibility</a></code></td>
<td class="name">
<code>
</code>
</td>
<td class="name"><code></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=".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>通过传入的json构造并返回一个新的VectorTileLayer对象<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>JSON对象</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>新的VectorTileLayer对象</p></div>
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type">
<a link="VectorTileLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="VectorTileLayer" VectorTileLayer.html>VectorTileLayer</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="clone">
<a class="href-link" href="#clone">#</a>
<span class="code-name" id="clone" style="font-size:30px">
clone<span class="signature">()</span>
</span>
</h4>
<div class="description">
<p>克隆方法</p>
</div>
<dl class="details">
<dt class="tag-overrides">Overrides:</dt>
<dd class="tag-overrides"><ul class="dummy"><li>
<a class="mapgis-link-name" title="Layer#clone" Layer.html#clone>Layer#clone</a>
</li></ul></dd>
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值</label></div>
<div class="column is-10">
<div class="columns">
<div class='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="deleteStyleLayer">
<a class="href-link" href="#deleteStyleLayer">#</a>
<span class="code-name" id="deleteStyleLayer" style="font-size:30px">
deleteStyleLayer<span class="signature">(styleLayerId)</span>
</span>
</h4>
<div class="description">
<a id='deleteStyleLayer'/>
删除样式图层
</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>styleLayerId</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>
<div class="member">
<h4 class="name" id="destroy">
<a class="href-link" href="#destroy">#</a>
<span class="code-name" id="destroy" style="font-size:30px">
destroy<span class="signature">()</span>
</span>
</h4>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="destroy" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#destroy" Layer.html#destroy>Layer#destroy</a>
</li></ul></dd>
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值</label></div>
<div class="column is-10">
<div class="columns">
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type">
*
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="getExtendProperties">
<a class="href-link" href="#getExtendProperties">#</a>
<span class="code-name" id="getExtendProperties" style="font-size:30px">
getExtendProperties<span class="signature">(styleLayerId, key)</span>
</span>
</h4>
<div class="description">
<a id='getExtendProperties'/>
获取样式图层的额外属性
</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>styleLayerId</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="description last"><p>样式图层id</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>key</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="description last"><p>额外属性的属性名</p></td>
</tr>
</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">
Any
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="getLayoutProperties">
<a class="href-link" href="#getLayoutProperties">#</a>
<span class="code-name" id="getLayoutProperties" style="font-size:30px">
getLayoutProperties<span class="signature">(styleLayerId)</span>
</span>
</h4>
<div class="description">
<a id='getLayoutProperties'/>
获取样式图层布局属性
</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>styleLayerId</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">
Object
</span>
|
<span class="param-type">
null
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="getPaintProperties">
<a class="href-link" href="#getPaintProperties">#</a>
<span class="code-name" id="getPaintProperties" style="font-size:30px">
getPaintProperties<span class="signature">(styleLayerId)</span>
</span>
</h4>
<div class="description">
<a id='getPaintProperties'/>
获取样式图层绘制属性
</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>styleLayerId</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">
Object
</span>
|
<span class="param-type">
null
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="getStyleLayer">
<a class="href-link" href="#getStyleLayer">#</a>
<span class="code-name" id="getStyleLayer" style="font-size:30px">
getStyleLayer<span class="signature">(styleLayerId)</span>
</span>
</h4>
<div class="description">
<a id='getStyleLayer'/>
通过矢量瓦片样式图层的id，找到对应的矢量瓦片样式图层对象
</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>styleLayerId</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">
Object
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="getStyleLayerId">
<a class="href-link" href="#getStyleLayerId">#</a>
<span class="code-name" id="getStyleLayerId" style="font-size:30px">
getStyleLayerId<span class="signature">(index)</span>
</span>
</h4>
<div class="description">
<a id='getStyleLayerIndex'/>
通过矢量瓦片样式图层的序号，找到对应的矢量瓦片样式图层的id
</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>index</code></td>
<td class="type">
<span class="param-type">
Number
</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>样式图层的id</p></div>
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type">
String
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="getStyleLayerIndex">
<a class="href-link" href="#getStyleLayerIndex">#</a>
<span class="code-name" id="getStyleLayerIndex" style="font-size:30px">
getStyleLayerIndex<span class="signature">(styleLayerId)</span>
</span>
</h4>
<div class="description">
<a id='getStyleLayerIndex'/>
通过矢量瓦片样式图层的id，找到对应的矢量瓦片样式图层的序号
</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>styleLayerId</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">
Number
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="getStyleLayerVisibility">
<a class="href-link" href="#getStyleLayerVisibility">#</a>
<span class="code-name" id="getStyleLayerVisibility" style="font-size:30px">
getStyleLayerVisibility<span class="signature">(styleLayerId)</span>
</span>
</h4>
<div class="description">
<p>获取样式图层可见性
<a id='getStyleLayerVisibility'/></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>styleLayerId</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">
Boolean
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="isLoaded">
<a class="href-link" href="#isLoaded">#</a>
<span class="code-name" id="isLoaded" style="font-size:30px">
isLoaded<span class="signature">()</span>
</span>
</h4>
<div class="description">
<p>判断图层是否加载成功</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="isLoaded" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#isLoaded" Layer.html#isLoaded>Layer#isLoaded</a>
</li></ul></dd>
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值</label></div>
<div class="column is-10">
<div class="columns">
<div class='param-desc column is-7'><p>图层是否加载成功</p></div>
<div class='column is-5 has-text-left'>
<label>类型: </label>
<span class="param-type">
Boolean
</span>
</div>
</div>
</div>
</div>
</div>
<div class="member">
<h4 class="name" id="off">
<a class="href-link" href="#off">#</a>
<span class="code-name" id="off" style="font-size:30px">
off<span class="signature">(types<span class="signature-attributes">opt</span>, fn<span class="signature-attributes">opt</span>, context<span class="signature-attributes">opt</span>)</span>
</span>
</h4>
<div class="description">
<p>移除事件<br/>
示例如下:<br/>
<a href='#off1'>[1、移除一个事件的指定回调函数]</a><br/>
<a href='#off2'>[2、移除一个事件的所有回调函数]</a><br/>
<a href='#off3'>[3、移除多个事件的同一个指定的回调函数]</a><br/>
<a href='#off4'>[4、移除多个指定事件的回调函数]</a><br/>
<a href='#off5'>[5、删除时指定上下文 - types类型为字符串]</a><br/>
<a href='#off6'>[6、删除时指定上下文 - types类型为对象]</a><br/></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>types</code></td>
<td class="type">
<span class="param-type">
string
</span>
</td>
<td class="description last"><p>移除指定事件类型上绑定的回调函数<br/>
当类型为字符串时，可以移除单个或多个事件类型绑定的回调函数，单个事件："click"，多个事件：以空格分割:"click double-click"；<br/>
当types为对象时，使用如下方式移除事件：{'click': onClickFun, 'mouse-move': onMouseMoveFun}</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>fn</code></td>
<td class="type">
<span class="param-type">
function
</span>
</td>
<td class="description last"><p>事件回调函数，当types为字符串，且不指定要删除的回调函数时，删除该事件上的所有回调函数</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>context</code></td>
<td class="type">
<span class="param-type">
Object
</span>
</td>
<td class="description last"><p>事件回调函数的this关键字将指向的对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="off" link="Evented.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Evented#off" Evented.html#off>Evented#off</a>
</li></ul></dd>
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值</label></div>
<div class="column is-10">
<div class="columns">
<div class='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>
<h5>示例</h5>
<p class="code-caption"><h5 id='off1'>移除一个事件的指定回调函数</h5></p>
<pre class="prettyprint"><code>// 一个事件的回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
}
// 调用MapView或SceneView的off方法移除一个事件的回调函数
view.off('click', clickFunction)</code></pre>
<p class="code-caption"><h5 id='off2'>移除一个事件的所有回调函数</h5></p>
<pre class="prettyprint"><code>// 一个事件的回调函数1
const clickFunction1 = function (event) {
console.log("点击事件1:", event)
}
// 一个事件的回调函数2
const clickFunction2 = function (event) {
console.log("点击事件2:", event)
}
// 调用MapView或SceneView的off方法移除一个事件的所有回调函数
// 不指定回调函数，则移除该事件上的所有绑定的回调函数
view.off('click')</code></pre>
<p class="code-caption"><h5 id='off3'>移除多个事件的同一个指定的回调函数</h5></p>
<pre class="prettyprint"><code>// 多个事件的同一个回调函数
const eventFunction = function (event) {
console.log("事件:", event)
}
// 调用MapView或SceneView的off方法移除多个事件的同一个指定的回调函数
view.off('click double-click', eventFunction)</code></pre>
<p class="code-caption"><h5 id='off4'>移除多个指定事件的回调函数</h5></p>
<pre class="prettyprint"><code>// 一个事件的回调函数
const clickFunction = function (event) {
console.log("click事件:", event)
}
// 调用MapView或SceneView的off方法移除多个指定事件的回调函数
view.off({
// 移除click事件上一个指定的函数
"click": clickFunction,
// 移除double-click上所有指定的函数
"double-click": undefined
})</code></pre>
<p class="code-caption"><h5 id='off5'>删除时指定上下文 - types类型为字符串</h5></p>
<pre class="prettyprint"><code>// 一个事件的回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
}
// 调用MapView或SceneView的off方法移除一个事件的回调函数
view.off('click', clickFunction, view)
// 调用MapView或SceneView的off方法移除一个事件的所有回调函数
view.off('click', undefined, view)</code></pre>
<p class="code-caption"><h5 id='off6'>删除时指定上下文 - types类型为对象</h5></p>
<pre class="prettyprint"><code>// 一个事件的回调函数
const clickFunction = function (event) {
console.log("click事件:", event)
}
// 调用MapView或SceneView的off方法移除多个指定事件的回调函数
view.off({
// 移除click事件上一个指定的函数
"click": clickFunction,
// 移除double-click上所有指定的函数
"double-click": undefined
}, view)</code></pre>
</div>
<div class="member">
<h4 class="name" id="on">
<a class="href-link" href="#on">#</a>
<span class="code-name" id="on" style="font-size:30px">
on<span class="signature">(types<span class="signature-attributes">opt</span>, fn<span class="signature-attributes">opt</span>, context<span class="signature-attributes">opt</span>)</span>
</span>
</h4>
<div class="description">
<p>注册一个新的监听事件;<br/>
示例如下：<br/>
<a href='#event1'>[1、注册一个事件]</a><br/>
<a href='#event2'>[2、一次注册多个事件 - 同一个回调函数]</a><br/>
<a href='#event3'>[3、一次注册多个事件 - 分别指回调应函数]</a><br/>
<a href='#event4'>[4、当types为字符串时 - 指定上下文]</a><br/>
<a href='#event5'>[5、当types为对象时 - 指定上下文]</a><br/></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>types</code></td>
<td class="type">
<span class="param-type">
String
</span>
|
<span class="param-type">
Object
</span>
</td>
<td class="default">
null
</td>
<td class="description last"><p>事件类型<br/>
当types为字符串时，可以定义单个或多个事件，单个事件："click"，多个事件：以空格分割:"click double-click"；<br/>
当types为对象时，使用如下方式指定事件：{'click': onClickFun, 'mouse-move': onMouseMoveFun}</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>fn</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-0">
<td class="name"><code>context</code></td>
<td class="type">
<span class="param-type">
Object
</span>
</td>
<td class="default">
null
</td>
<td class="description last"><p>事件回调函数的this关键字将指向的对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="on" link="Evented.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Evented#on" Evented.html#on>Evented#on</a>
</li></ul></dd>
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值</label></div>
<div class="column is-10">
<div class="columns">
<div class='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>
<h5>示例</h5>
<p class="code-caption"><h5 id='event1'>注册一个事件</h5></p>
<pre class="prettyprint"><code>// 初始化一个点击事件回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
}
// 调用MapView或SceneView的on方法注册一个点击事件
view.on('click', clickFunction)</code></pre>
<p class="code-caption"><h5 id='event2'>一次注册多个事件 - 同一个回调函数</h5></p>
<pre class="prettyprint"><code>// 初始化一个事件回调函数
const eventFunction = function (event) {
console.log("事件:", event)
}
// 调用MapView或SceneView的on方法注册多个事件
// 多个事件类型使用同一个回调函数
view.on('click right-click-down', eventFunction)</code></pre>
<p class="code-caption"><h5 id='event3'>一次注册多个事件 - 分别指回调应函数</h5></p>
<pre class="prettyprint"><code>// 初始化一个左键点击事件回调函数
const clickFunction = function (event) {
console.log("click事件:", event)
}
// 初始化一个右键按下事件回调函数
const rightClickFunction = function (event) {
console.log("right-click-down事件:", event)
}
// 调用MapView或SceneView的on方法注册多个事件
// 每一个事件类型，使用单独的回调函数
// 注意使用此种方式，一种类型的事件仅能指定一个回调函数
view.on({
"click": clickFunction,
"right-click-down": rightClickFunction
})</code></pre>
<p class="code-caption"><h5 id='event4'>指定上下文 - types类型为字符串</h5></p>
<pre class="prettyprint"><code>// 初始化一个点击事件回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
console.log("上下文对象:", this)
}
// 调用MapView或SceneView的on方法注册一个点击事件
// 指定view为回调函数的上下文对象
view.on('click', clickFunction, view)</code></pre>
<p class="code-caption"><h5 id='event5'>指定上下文 - types类型为对象</h5></p>
<pre class="prettyprint"><code>// 初始化一个点击事件回调函数
const clickFunction = function (event) {
console.log("点击事件:", event)
console.log("上下文对象:", this)
}
// 调用MapView或SceneView的on方法注册一个点击事件
// 指定view为回调函数的上下文对象
view.on({
"click": clickFunction,
"right-click-down": clickFunction
}, view)</code></pre>
</div>
<div class="member">
<h4 class="name" id="refresh">
<a class="href-link" href="#refresh">#</a>
<span class="code-name" id="refresh" style="font-size:30px">
refresh<span class="signature">()</span>
</span>
</h4>
<div class="description">
<p>刷新图层</p>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="refresh" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#refresh" Layer.html#refresh>Layer#refresh</a>
</li></ul></dd>
</dl>
</div>
<div class="member">
<h4 class="name" id="setExtendProperties">
<a class="href-link" href="#setExtendProperties">#</a>
<span class="code-name" id="setExtendProperties" style="font-size:30px">
setExtendProperties<span class="signature">(styleLayerId, key, value)</span>
</span>
</h4>
<div class="description">
<a id='setExtendProperties'/>
设置样式图层的额外属性
</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>styleLayerId</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="description last"><p>样式图层id</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>key</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="description last"><p>额外属性的属性名</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>value</code></td>
<td class="type">
<span class="param-type">
Any
</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="setLayoutProperties">
<a class="href-link" href="#setLayoutProperties">#</a>
<span class="code-name" id="setLayoutProperties" style="font-size:30px">
setLayoutProperties<span class="signature">(styleLayerId, layout)</span>
</span>
</h4>
<div class="description">
<a id='setLayoutProperties'/>
设置样式图层布局属性
</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>styleLayerId</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="description last"><p>样式图层id</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>layout</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>
<div class="member">
<h4 class="name" id="setPaintProperties">
<a class="href-link" href="#setPaintProperties">#</a>
<span class="code-name" id="setPaintProperties" style="font-size:30px">
setPaintProperties<span class="signature">(styleLayerId, paint)</span>
</span>
</h4>
<div class="description">
<a id='setPaintProperties'/>
设置样式图层绘制属性
</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>styleLayerId</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="description last"><p>样式图层id</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>paint</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>
<div class="member">
<h4 class="name" id="setStyleLayer">
<a class="href-link" href="#setStyleLayer">#</a>
<span class="code-name" id="setStyleLayer" style="font-size:30px">
setStyleLayer<span class="signature">(styleLayer, index)</span>
</span>
</h4>
<div class="description">
<a id='setStyleLayer'/>
设置样式图层属性对象，可以对图层进行修改、重新排序等。布局属性和绘制属性推荐用setLayoutProperties和setPaintProperties实现。
</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>styleLayer</code></td>
<td class="type">
<span class="param-type">
Object
</span>
</td>
<td class="description last"><p>样式图层对象</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>index</code></td>
<td class="type">
<span class="param-type">
String
</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="setStyleLayerVisibility">
<a class="href-link" href="#setStyleLayerVisibility">#</a>
<span class="code-name" id="setStyleLayerVisibility" style="font-size:30px">
setStyleLayerVisibility<span class="signature">(styleLayerId, visible)</span>
</span>
</h4>
<div class="description">
<a id='setStyleLayerVisibility'/>
设置样式图层可见性，visible为true，显示图层，为false，隐藏图层
</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>styleLayerId</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="description last"><p>样式图层id</p></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code>visible</code></td>
<td class="type">
<span class="param-type">
Boolean
</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">
<dt class="tag-overrides">Overrides:</dt>
<dd class="tag-overrides"><ul class="dummy"><li>
<a class="mapgis-link-name" title="Layer#toJSON" Layer.html#toJSON>Layer#toJSON</a>
</li></ul></dd>
</dl>
<div class='columns method-parameter'>
<div class="column is-2"><label>返回值</label></div>
<div class="column is-10">
<div class="columns">
<div class='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="#图层刷新完毕事件">图层刷新完毕事件</a></code></td>
<td class="name"><code>图层刷新完毕事件</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#图层加载完毕事件">图层加载完毕事件</a></code></td>
<td class="name"><code>图层加载完毕事件</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#图层显隐更新完毕事件">图层显隐更新完毕事件</a></code></td>
<td class="name"><code>图层显隐更新完毕事件</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#图层更新完毕事件">图层更新完毕事件</a></code></td>
<td class="name"><code>图层更新完毕事件</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#图层透明度更新完毕事件">图层透明度更新完毕事件</a></code></td>
<td class="name"><code>图层透明度更新完毕事件</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#图层销毁完毕事件">图层销毁完毕事件</a></code></td>
<td class="name"><code>图层销毁完毕事件</code></td>
</tr>
<tr class="deep-level-0">
<td class="name"><code><a href="#图层顺序更新完毕事件">图层顺序更新完毕事件</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%9B%BE%E5%B1%82%E5%88%B7%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">
<a class="href-link" href="#event:%E5%9B%BE%E5%B1%82%E5%88%B7%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">#</a>
<span class="code-name" id="图层刷新完毕事件" style="font-size:30px">
图层刷新完毕事件
</span>
</h4>
<div class="description">
<p>图层刷新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件</p>
</div>
<h5 class="subsection-title">属性:</h5>
<div class="table-container">
<table class="props table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Attributes</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>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">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
'layerview-update'
</td>
<td class="description last"><p>图层更新完毕事件</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>message</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新描述</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>updateContent</code></td>
<td class="type">
<span class="param-type">
Array.<<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新详情对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layer</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>地图图层对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layerView</code></td>
<td class="type">
<span class="param-type">
<a link="MapView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MapView" MapView.html>MapView</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>图层的视图对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>sourceTarget</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</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">
null
</td>
<td class="description last"><p>事件接收对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="event:图层刷新完毕事件" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#event:图层刷新完毕事件" Layer.html#event:%25E5%259B%25BE%25E5%25B1%2582%25E5%2588%25B7%25E6%2596%25B0%25E5%25AE%258C%25E6%25AF%2595%25E4%25BA%258B%25E4%25BB%25B6>Layer#event:图层刷新完毕事件</a>
</li></ul></dd>
</dl>
<h5>示例</h5>
<p class="code-caption"><h5>图层刷新完毕事件</h5></p>
<pre class="prettyprint"><code>Layer.on('layerview-update', function (event) {
// 获取更新事件对象
console.log("更新完毕:", event)
// 获取更新详情数组
const updateContent = event.updateContent
// 循环数组，根据事件名进行后续操作
for (let i = 0; i < updateContent.length; i++) {
// 图层刷新完毕事件
if(updateContent[i].name === 'refresh'){
console.log("图层刷新完毕事件:", event);
}
}
});</code></pre>
</div>
<div class="member">
<h4 class="name" id="event:%E5%9B%BE%E5%B1%82%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%9B%BE%E5%B1%82%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>
<div class="description">
<p>图层加载完毕事件</p>
</div>
<h5 class="subsection-title">属性:</h5>
<div class="table-container">
<table class="props table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Attributes</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>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">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
'layerview-created'
</td>
<td class="description last"><p>图层加载完毕事件</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>message</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新描述</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>UpdateContent</code></td>
<td class="type">
<span class="param-type">
Array.<<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新详情对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layer</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>地图图层对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layerView</code></td>
<td class="type">
<span class="param-type">
<a link="MapView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MapView" MapView.html>MapView</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>图层的视图对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>sourceTarget</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</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">
null
</td>
<td class="description last"><p>事件接收对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="event:图层加载完毕事件" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#event:图层加载完毕事件" Layer.html#event:%25E5%259B%25BE%25E5%25B1%2582%25E5%258A%25A0%25E8%25BD%25BD%25E5%25AE%258C%25E6%25AF%2595%25E4%25BA%258B%25E4%25BB%25B6>Layer#event:图层加载完毕事件</a>
</li></ul></dd>
</dl>
<h5>示例</h5>
<p class="code-caption"><h7>图层加载完毕事件</h7></p>
<pre class="prettyprint"><code>Layer.on('layerview-created', function (result) {
console.log("加载完毕:", result.layer)
});</code></pre>
</div>
<div class="member">
<h4 class="name" id="event:%E5%9B%BE%E5%B1%82%E6%98%BE%E9%9A%90%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">
<a class="href-link" href="#event:%E5%9B%BE%E5%B1%82%E6%98%BE%E9%9A%90%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">#</a>
<span class="code-name" id="图层显隐更新完毕事件" style="font-size:30px">
图层显隐更新完毕事件
</span>
</h4>
<div class="description">
<p>图层显隐更新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件</p>
</div>
<h5 class="subsection-title">属性:</h5>
<div class="table-container">
<table class="props table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Attributes</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>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">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
'layerview-update'
</td>
<td class="description last"><p>图层更新完毕事件</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>message</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新描述</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>updateContent</code></td>
<td class="type">
<span class="param-type">
Array.<<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新详情对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layer</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>地图图层对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layerView</code></td>
<td class="type">
<span class="param-type">
<a link="MapView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MapView" MapView.html>MapView</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>图层的视图对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>sourceTarget</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</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">
null
</td>
<td class="description last"><p>事件接收对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="event:图层显隐更新完毕事件" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#event:图层显隐更新完毕事件" Layer.html#event:%25E5%259B%25BE%25E5%25B1%2582%25E6%2598%25BE%25E9%259A%2590%25E6%259B%25B4%25E6%2596%25B0%25E5%25AE%258C%25E6%25AF%2595%25E4%25BA%258B%25E4%25BB%25B6>Layer#event:图层显隐更新完毕事件</a>
</li></ul></dd>
</dl>
<h5>示例</h5>
<p class="code-caption"><h5>图层显隐更新完毕事件</h5></p>
<pre class="prettyprint"><code>Layer.on('layerview-update', function (event) {
// 获取更新事件对象
console.log("更新完毕:", event)
// 获取更新详情数组
const updateContent = event.updateContent
// 循环数组，根据事件名进行后续操作
for (let i = 0; i < updateContent.length; i++) {
// 图层显隐事件
if(updateContent[i].name === 'visible'){
console.log("图层显隐更新事件:", event);
}
}
});</code></pre>
</div>
<div class="member">
<h4 class="name" id="event:%E5%9B%BE%E5%B1%82%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">
<a class="href-link" href="#event:%E5%9B%BE%E5%B1%82%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">#</a>
<span class="code-name" id="图层更新完毕事件" style="font-size:30px">
图层更新完毕事件
</span>
</h4>
<div class="description">
<p>图层更新完毕事件</p>
</div>
<h5 class="subsection-title">属性:</h5>
<div class="table-container">
<table class="props table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Attributes</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>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">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
'layerview-update'
</td>
<td class="description last"><p>图层更新完毕事件</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>message</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新描述</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>updateContent</code></td>
<td class="type">
<span class="param-type">
Array.<<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新详情对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layer</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>地图图层对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layerView</code></td>
<td class="type">
<span class="param-type">
<a link="MapView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MapView" MapView.html>MapView</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>图层的视图对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>sourceTarget</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</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">
null
</td>
<td class="description last"><p>事件接收对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="event:图层更新完毕事件" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#event:图层更新完毕事件" Layer.html#event:%25E5%259B%25BE%25E5%25B1%2582%25E6%259B%25B4%25E6%2596%25B0%25E5%25AE%258C%25E6%25AF%2595%25E4%25BA%258B%25E4%25BB%25B6>Layer#event:图层更新完毕事件</a>
</li></ul></dd>
</dl>
<h5>示例</h5>
<p class="code-caption"><h7>图层更新完毕事件</h7></p>
<pre class="prettyprint"><code>Layer.on('layerview-update', function (result) {
console.log("更新完毕:", result.layer)
});</code></pre>
</div>
<div class="member">
<h4 class="name" id="event:%E5%9B%BE%E5%B1%82%E9%80%8F%E6%98%8E%E5%BA%A6%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">
<a class="href-link" href="#event:%E5%9B%BE%E5%B1%82%E9%80%8F%E6%98%8E%E5%BA%A6%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">#</a>
<span class="code-name" id="图层透明度更新完毕事件" style="font-size:30px">
图层透明度更新完毕事件
</span>
</h4>
<div class="description">
<p>图层透明度更新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件</p>
</div>
<h5 class="subsection-title">属性:</h5>
<div class="table-container">
<table class="props table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Attributes</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>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">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
'layerview-update'
</td>
<td class="description last"><p>图层更新完毕事件</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>message</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新描述</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>updateContent</code></td>
<td class="type">
<span class="param-type">
Array.<<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新详情对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layer</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>地图图层对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layerView</code></td>
<td class="type">
<span class="param-type">
<a link="MapView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MapView" MapView.html>MapView</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>图层的视图对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>sourceTarget</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</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">
null
</td>
<td class="description last"><p>事件接收对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="event:图层透明度更新完毕事件" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#event:图层透明度更新完毕事件" Layer.html#event:%25E5%259B%25BE%25E5%25B1%2582%25E9%2580%258F%25E6%2598%258E%25E5%25BA%25A6%25E6%259B%25B4%25E6%2596%25B0%25E5%25AE%258C%25E6%25AF%2595%25E4%25BA%258B%25E4%25BB%25B6>Layer#event:图层透明度更新完毕事件</a>
</li></ul></dd>
</dl>
<h5>示例</h5>
<p class="code-caption"><h5>图层透明度更新完毕事件</h5></p>
<pre class="prettyprint"><code>Layer.on('layerview-update', function (event) {
// 获取更新事件对象
console.log("更新完毕:", event)
// 获取更新详情数组
const updateContent = event.updateContent
// 循环数组，根据事件名进行后续操作
for (let i = 0; i < updateContent.length; i++) {
// 图层透明度更新事件
if(updateContent[i].name === 'opacity'){
console.log("图层透明度更新事件:", event);
}
}
});</code></pre>
</div>
<div class="member">
<h4 class="name" id="event:%E5%9B%BE%E5%B1%82%E9%94%80%E6%AF%81%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">
<a class="href-link" href="#event:%E5%9B%BE%E5%B1%82%E9%94%80%E6%AF%81%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">#</a>
<span class="code-name" id="图层销毁完毕事件" style="font-size:30px">
图层销毁完毕事件
</span>
</h4>
<div class="description">
<p>图层销毁完毕事件</p>
</div>
<h5 class="subsection-title">属性:</h5>
<div class="table-container">
<table class="props table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Attributes</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>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">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
'layerview-remove'
</td>
<td class="description last"><p>图层销毁完毕事件</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>message</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新描述</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>updateContent</code></td>
<td class="type">
<span class="param-type">
Array.<<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新详情对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layer</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>要销毁的地图图层对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layerView</code></td>
<td class="type">
<span class="param-type">
<a link="MapView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MapView" MapView.html>MapView</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>图层的视图对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>sourceTarget</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</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">
null
</td>
<td class="description last"><p>事件接收对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="event:图层销毁完毕事件" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#event:图层销毁完毕事件" Layer.html#event:%25E5%259B%25BE%25E5%25B1%2582%25E9%2594%2580%25E6%25AF%2581%25E5%25AE%258C%25E6%25AF%2595%25E4%25BA%258B%25E4%25BB%25B6>Layer#event:图层销毁完毕事件</a>
</li></ul></dd>
</dl>
<h5>示例</h5>
<p class="code-caption"><h7>图层销毁完毕事件</h7></p>
<pre class="prettyprint"><code>Layer.on('layerview-remove', function (result) {
console.log("销毁完毕:", result.layer)
});</code></pre>
</div>
<div class="member">
<h4 class="name" id="event:%E5%9B%BE%E5%B1%82%E9%A1%BA%E5%BA%8F%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">
<a class="href-link" href="#event:%E5%9B%BE%E5%B1%82%E9%A1%BA%E5%BA%8F%E6%9B%B4%E6%96%B0%E5%AE%8C%E6%AF%95%E4%BA%8B%E4%BB%B6">#</a>
<span class="code-name" id="图层顺序更新完毕事件" style="font-size:30px">
图层顺序更新完毕事件
</span>
</h4>
<div class="description">
<p>图层顺序更新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件</p>
</div>
<h5 class="subsection-title">属性:</h5>
<div class="table-container">
<table class="props table">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th>Attributes</th>
<th>Default</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr class="deep-level-0">
<td class="name"><code>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">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
'layerview-update'
</td>
<td class="description last"><p>图层更新完毕事件</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>message</code></td>
<td class="type">
<span class="param-type">
String
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新描述</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>updateContent</code></td>
<td class="type">
<span class="param-type">
Array.<<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>更新详情对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layer</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>地图图层对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>layerView</code></td>
<td class="type">
<span class="param-type">
<a link="MapView.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="MapView" MapView.html>MapView</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</td>
<td class="description last"><p>图层的视图对象</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>sourceTarget</code></td>
<td class="type">
<span class="param-type">
<a link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer" Layer.html>Layer</a>
</span>
</td>
<td class="attributes">
<optional><br>
</td>
<td class="default">
null
</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">
null
</td>
<td class="description last"><p>事件接收对象</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="event:图层顺序更新完毕事件" link="Layer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Layer#event:图层顺序更新完毕事件" Layer.html#event:%25E5%259B%25BE%25E5%25B1%2582%25E9%25A1%25BA%25E5%25BA%258F%25E6%259B%25B4%25E6%2596%25B0%25E5%25AE%258C%25E6%25AF%2595%25E4%25BA%258B%25E4%25BB%25B6>Layer#event:图层顺序更新完毕事件</a>
</li></ul></dd>
</dl>
<h5>示例</h5>
<p class="code-caption"><h5>图层顺序更新完毕事件</h5></p>
<pre class="prettyprint"><code>Layer.on('layerview-update', function (event) {
// 获取更新事件对象
console.log("更新完毕:", event)
// 获取更新详情数组
const updateContent = event.updateContent
// 循环数组，根据事件名进行后续操作
for (let i = 0; i < updateContent.length; i++) {
// 图层顺序更新完毕事件
if(updateContent[i].name === 'index'){
console.log("图层顺序更新完毕事件:", event);
}
}
});</code></pre>
</div>
</div>
</div>
</article>
</section>