@mapgis/webclient-common
Version:
mapgis ES6 format for igserver
3,420 lines (1,199 loc) • 61.1 kB
HTML
<header id="page-title" class="page-title">
<span class="page-title-main">类名</span>
<span class="page-title-sub">MapVLayer</span>
</header>
<section>
<article>
<div class="container-overview">
<div class='vertical-section'>
<div class="members">
<div class="member">
<h4 class="name" id="MapVLayer">
<a class="href-link" href="#MapVLayer">#</a>
<span class="code-name" id="MapVLayer" style="font-size:30px">
new MapVLayer<span class="signature">(options)</span>
</span>
</h4>
<div class="description">
<p>MapV图层</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>options</code></td>
<td class="type">
<span class="param-type">
Object
</span>
</td>
<td class="description last"><p>构造参数</p></td>
</tr>
<tr class="deep-level-1">
<td class="name"><code>mapVOptions</code></td>
<td class="type">
<span class="param-type">
Object
</span>
</td>
<td class="description last"><p>mapV的构造参数</p></td>
</tr>
</tbody>
</table>
</div>
<dl class="details">
</dl>
</div>
</div>
</div>
</div>
<h3 class="subsection-title">继承关系</h3>
<ul>
<li><a link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html">VectorTileLayer</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)" href="Polygon.html">Polygon</a>
</span>
|
<span class="param-type">
<a link="Extent.html" onclick="getTypeHTML(event)" href="Extent.html">Extent</a>
</span>
|
<span class="param-type">
<a link="Circle.html" onclick="getTypeHTML(event)" href="Circle.html">Circle</a>
</span>
|
<span class="param-type">
<a link="MultiPolygon.html" onclick="getTypeHTML(event)" href="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="#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="#data">data</a></code></td>
<td class="name">
<code>
<span class="param-type">
Object
</span>
</code>
</td>
<td class="name"><code><p>MapV的元数据</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="#mapVOptions">mapVOptions</a></code></td>
<td class="name">
<code>
<span class="param-type">
Object
</span>
</code>
</td>
<td class="name"><code><p>mapV的构造参数</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="#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)" href="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="#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>
</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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="capabilities" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#capabilities">VectorTileLayer#capabilities</a>
</li></ul></dd>
</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)" href="Polygon.html">Polygon</a>
</span>
|
<span class="param-type">
<a link="Extent.html" onclick="getTypeHTML(event)" href="Extent.html">Extent</a>
</span>
|
<span class="param-type">
<a link="Circle.html" onclick="getTypeHTML(event)" href="Circle.html">Circle</a>
</span>
|
<span class="param-type">
<a link="MultiPolygon.html" onclick="getTypeHTML(event)" href="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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="clippingArea" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#clippingArea">VectorTileLayer#clippingArea</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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="currentStyleInfo" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#currentStyleInfo">VectorTileLayer#currentStyleInfo</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="data">
<a class="href-link" href="#data">#</a>
<span class="code-name">
data
</span>
</h4>
<div class="description">
<p>MapV的元数据</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="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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="labelsRenderMode" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#labelsRenderMode">VectorTileLayer#labelsRenderMode</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="mapVOptions">
<a class="href-link" href="#mapVOptions">#</a>
<span class="code-name">
mapVOptions
</span>
</h4>
<div class="description">
<p>mapV的构造参数</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="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="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="mvtExtent" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#mvtExtent">VectorTileLayer#mvtExtent</a>
</li></ul></dd>
<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">
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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="style" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#style">VectorTileLayer#style</a>
</li></ul></dd>
</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)" href="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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="tileInfo" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#tileInfo">VectorTileLayer#tileInfo</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="code-name">
type
</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="url">
<a class="href-link" href="#url">#</a>
<span class="code-name">
url
</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="url" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#url">VectorTileLayer#url</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="#clone">clone</a></code></td>
<td class="name">
<code>
<span class="param-type">
<a link="MapVLayer.html" onclick="getTypeHTML(event)" href="MapVLayer.html">MapVLayer</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="#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="#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="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 href="VectorTileLayer.html#clone">VectorTileLayer#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="MapVLayer.html" onclick="getTypeHTML(event)" href="MapVLayer.html">MapVLayer</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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="deleteStyleLayer" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#deleteStyleLayer">VectorTileLayer#deleteStyleLayer</a>
</li></ul></dd>
</dl>
</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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="getExtendProperties" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#getExtendProperties">VectorTileLayer#getExtendProperties</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">
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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="getLayoutProperties" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#getLayoutProperties">VectorTileLayer#getLayoutProperties</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>
|
<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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="getPaintProperties" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#getPaintProperties">VectorTileLayer#getPaintProperties</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>
|
<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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="getStyleLayer" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#getStyleLayer">VectorTileLayer#getStyleLayer</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>
</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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="getStyleLayerId" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#getStyleLayerId">VectorTileLayer#getStyleLayerId</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>样式图层的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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="getStyleLayerIndex" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#getStyleLayerIndex">VectorTileLayer#getStyleLayerIndex</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">
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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="getStyleLayerVisibility" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#getStyleLayerVisibility">VectorTileLayer#getStyleLayerVisibility</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="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">
<dt class="inherited-from">Inherited From:</dt>
<dd class="inherited-from"><ul class="dummy"><li>
<a goto="setExtendProperties" link="VectorTileLayer.html" onclick="getTypeHTML(event)" href="VectorTileLayer.html#setExtendProperties">VectorTileLayer#setExtendProperties</a>