@mapgis/webclient-common

<header id="page-title" class="page-title"> <span class="page-title-main">类名</span> <span class="page-title-sub">GraphicsLayer</span> </header> <section> <article> <div class="container-overview"> <div class='vertical-section'> <div class="members"> <div class="member"> <h4 class="name" id="GraphicsLayer"> <a class="href-link" href="#GraphicsLayer">#</a> <span class="code-name" id="GraphicsLayer" style="font-size:30px"> new GraphicsLayer<span class="signature">(options)</span> </span> </h4> <div class="description"> <p>图形图层，不支持在线数据，仅支持传入多个几何对象并绘制<br/> 目前二维和三维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，若是想要绘制非4326坐标系几何，需要在初始化要素对象的几何时，指定具体坐标系 <br><br>[ES5引入方式]：<br/> zondy.layer.GraphicsLayer() <br/> [ES6引入方式]：<br/> import { GraphicsLayer } from "@mapgis/webclient-common" <br/> <br/> 针对图层的操作请在图层加载完毕事件中进行<br/> Layer.on('layerview-created', function (result) {<br/> console.log("加载完毕:", result.layer)<br/> });<br/> 如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作<br/> if(layer.loadStatus === 'loaded') {<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>graphics</code></td> <td class="type"> <span class="param-type"> Array.<<a onclick="getTypeHTML(event)" link="Feature.html">Feature</a>> </span> </td> <td class="default"> </td> <td class="description last"><p>几何对象，支持的几何数据如下：<br/> <a href="Point.html"><code>1、点几何</code></a><br/> <a href="MultiPoint.html"><code>2、多点几何</code></a><br/> <a href="LineString.html"><code>3、线几何</code></a><br/> <a href="MultiLineString.html"><code>4、多线几何</code></a><br/> <a href="Polygon.html"><code>5、区几何</code></a><br/> <a href="MultiPolygon.html"><code>6、多区几何</code></a><br/> <a href="Extent.html"><code>7、矩形几何</code></a><br/> <a href="Circle.html"><code>8、圆几何</code></a><br/> 参考示例：<br/> <a href='#GraphicsLayer'>[1、创建图层]</a><br/> <a href='#remove'>[2、删除图层]</a><br/> <a href='#add'>[3、添加要素]</a><br/> <a href='#add-custom'>[4、添加自定义坐标系的要素]</a></p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>id</code></td> <td class="type"> <span class="param-type"> String </span> </td> <td class="default"> </td> <td class="description last"><p>图层id，不给则给一个随机的id</p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>visible</code></td> <td class="type"> <span class="param-type"> Boolean </span> </td> <td class="default"> show </td> <td class="description last"><p>图层可见性，参考示例：<a href='#visible'>[图层可见性]</a></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不透明，参考示例：<a href='#opacity'>[图层透明度]</a></p></td> </tr> <tr class="deep-level-1"> <td class="name"><code>elevationInfo</code></td> <td class="type"> <span class="param-type"> <a link="ElevationInfo.html" onclick="getTypeHTML(event)" href="ElevationInfo.html">ElevationInfo</a> </span> </td> <td class="default"> </td> <td class="description last"><p>高度参数</p></td> </tr> </tbody> </table> </div> <dl class="details"> </dl> <div class="method-parameter columns"> <div class="column is-2"><label>绑定事件</label></div> <div class="column is-10"> <ul> <li><a href="#图层加载完毕事件">图层加载完毕事件</a></li> <li><a href="#图层销毁完毕事件">图层销毁完毕事件</a></li> <li><a href="#图层更新完毕事件">图层更新完毕事件</a></li> <li><a href="#图层显隐更新完毕事件">图层显隐更新完毕事件</a></li> <li><a href="#图层透明度更新完毕事件">图层透明度更新完毕事件</a></li> <li><a href="#图层顺序更新完毕事件">图层顺序更新完毕事件</a></li> <li><a href="#添加要素事件">添加要素事件</a></li> <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='#add-feature'>[1、添加要素]</a><br/> <a href='#delete-feature'>[2、删除要素]</a><br/> <a href='#addMany'>[3、添加要素组]</a><br/> <a href='#removeMany'>[4、删除要素组]</a><br/> <a href='#removeAll'>[5、删除全部要素]</a><br/> <a href='#fromJSON'>[6、通过传入的json构造并返回一个新的几何对象]</a><br/> <a href="OGCLayer.html#toJSON"><code>7、导出为json对象</code></a><br/> <a href="OGCLayer.html#clone"><code>8、克隆几何对象</code></a></p> <h5>示例</h5> <p class="code-caption"><h7 id='GraphicsLayer'>初始化图层</h7></p> <pre class="prettyprint"><code>// ES5引入方式 const { Feature,Color} = zondy const { Circle } = zondy.geometry const { SimpleFillSymbol } = zondy.symbol const { GraphicsLayer } = zondy.layer // ES6引入方式 import { Color,Feature,Circle, GraphicsLayer,SimpleFillSymbol} from "@mapgis/webclient-common" // 创建一个要素 const feature = new Feature({ //不填则创建一个随机的guid id: '你的id', //设置属性 attributes: {}, //构建几何 geometry: new Circle({ // 中心点 center: [113, 30], // 半径 radius: 4 }), //设置样式 symbol: new SimpleFillSymbol({ //设置颜色 color: new Color(255, 0, 112, 1) }) }) // 初始化几何图层 const graphicsLayer = new GraphicsLayer({ graphics:[feature] })</code></pre> <p class="code-caption"><h7 id='remove'>删除图层</h7></p> <pre class="prettyprint"><code>map.remove(graphicsLayer)</code></pre> <p class="code-caption"><h7 id='add'>将要素添加入图层</h7></p> <pre class="prettyprint"><code>// ES5引入方式 const { Feature,Color} = zondy const { Circle } = zondy.geometry const { SimpleFillSymbol } = zondy.symbol const { GraphicsLayer } = zondy.layer // ES6引入方式 import { Feature,Color,Circle, GraphicsLayer,SimpleFillSymbol} from "@mapgis/webclient-common" // 创建一个要素 const feature = new Feature({ //不填则创建一个随机的guid id: '你的id', //设置属性 attributes: {}, //构建几何 geometry: new Circle({ // 中心点 center: [113, 30], // 半径 radius: 4 }), //设置样式 symbol: new SimpleFillSymbol({ //设置颜色 color: new Color(255, 0, 112, 1) }) }) // 创建图层 const graphicsLayer = new GraphicsLayer() // 添加要素 graphicsLayer.add(feature)</code></pre> <p class="code-caption"><h7 id='add-custom'>添加自定义坐标系的要素</h7></p> <pre class="prettyprint"><code>// ES5引入方式 const { Feature,SpatialReference,Color} = zondy const { Circle } = zondy.geometry const { SimpleFillSymbol } = zondy.symbol const { GraphicsLayer } = zondy.layer // ES6引入方式 import { Feature,SpatialReference,Color,Circle, GraphicsLayer,SimpleFillSymbol} from "@mapgis/webclient-common" // 创建一个要素 const feature = new Feature({ //构建几何 geometry: new Circle({ // 中心点 center: [403511.251934197, 3320534.43647428], // 半径，单位像素 radius: 4, // 设置坐标系 spatialReference: new SpatialReference({ wkid: '坐标系的wkid' }) }), //设置样式 symbol: new SimpleFillSymbol({ //设置颜色 color: new Color(255, 0, 112, 1) }) }) // 创建图层 const graphicsLayer = new GraphicsLayer() // 添加要素 graphicsLayer.add(feature)</code></pre> <p class="code-caption"><h7 id='visible'>图层可见性</h7></p> <pre class="prettyprint"><code> // ES5引入方式 const { GraphicsLayer } = zondy.layer // ES6引入方式 import { GraphicsLayer } from "@mapgis/webclient-common" // 创建图层时设置可见性 const graphicsLayer = new GraphicsLayer({ // 设置图层visible visible: true }) // 图层加载完成后，设置可见性 graphicsLayer.visible = !graphicsLayer.visible</code></pre> <p class="code-caption"><h7 id='opacity'>图层透明度</h7></p> <pre class="prettyprint"><code>// ES5引入方式 const { GraphicsLayer } = zondy.layer // ES6引入方式 import { GraphicsLayer } from "@mapgis/webclient-common" // 创建图层时设置透明度 const graphicsLayer = new GraphicsLayer({ opacity: 1 }) // 图层加载完成后，设置可见性 graphicsLayer.opacity = 0.5</code></pre> <p class="code-caption"><h7 id='index'>图层顺序</h7></p> <pre class="prettyprint"><code>// 加载完毕后，更改图层顺序 map.reorder(graphicsLayer, '要移动到的index');</code></pre> </div> </div> </div> </div> <h3 class="subsection-title">继承关系</h3> <ul> <li><a link="Layer.html" onclick="getTypeHTML(event)" href="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="#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="#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="#elevationInfo">elevationInfo</a></code></td> <td class="name"> <code> <span class="param-type"> <a link="ElevationInfo.html" onclick="getTypeHTML(event)" href="ElevationInfo.html">ElevationInfo</a> </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="#extensionOptions">extensionOptions</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)" href="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="#graphics">graphics</a></code></td> <td class="name"> <code> <span class="param-type"> FeatureCollection.<<a onclick="getTypeHTML(event)" link="Feature.html">Feature</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)" href="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="#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>最大显示比例尺，图层在视图中可见的最大比例尺。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#minScale">minScale</a></code></td> <td class="name"> <code> <span class="param-type"> Number </span> </code> </td> <td class="name"><code><p>最小显示比例尺，图层在视图中可见的最小比例尺。</p></code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#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)" href="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="#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="#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"> 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)" href="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"> 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)" href="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"> <a link="ElevationInfo.html" onclick="getTypeHTML(event)" href="ElevationInfo.html">ElevationInfo</a> </span> </span> <h4 class="name" id="elevationInfo"> <a class="href-link" href="#elevationInfo">#</a> <span class="code-name"> elevationInfo </span> </h4> <div class="description"> <p>高程模式参数</p> </div> <dl class="details"> </dl> </div> <div class="member"> <span class="method-parameter is-pulled-right"> <label>类型:</label> <span class="param-type"> Object </span> </span> <h4 class="name" id="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)" href="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"> Object </span> </span> <h4 class="name" id="extensionOptions"> <a class="href-link" href="#extensionOptions">#</a> <span class="code-name"> extensionOptions </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="extensionOptions" link="Layer.html" onclick="getTypeHTML(event)" href="Layer.html#extensionOptions">Layer#extensionOptions</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)" href="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)" href="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"> FeatureCollection.<<a onclick="getTypeHTML(event)" link="Feature.html">Feature</a>> </span> </span> <h4 class="name" id="graphics"> <a class="href-link" href="#graphics">#</a> <span class="code-name"> graphics </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="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)" href="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)" href="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)" href="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)" href="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)" href="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"> 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="tag-overrides">Overrides:</dt> <dd class="tag-overrides"><ul class="dummy"><li> <a href="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="tag-overrides">Overrides:</dt> <dd class="tag-overrides"><ul class="dummy"><li> <a href="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>最大显示比例尺，图层在视图中可见的最大比例尺。</p> </div> <dl class="details"> <dt class="tag-overrides">Overrides:</dt> <dd class="tag-overrides"><ul class="dummy"><li> <a href="Layer.html#maxScale">Layer#maxScale</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="minScale"> <a class="href-link" href="#minScale">#</a> <span class="code-name"> minScale </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="Layer.html#minScale">Layer#minScale</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="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)" href="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)" href="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 href="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"> 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)" href="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)" href="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="tag-overrides">Overrides:</dt> <dd class="tag-overrides"><ul class="dummy"><li> <a href="Layer.html#tokenKey">Layer#tokenKey</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="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="tag-overrides">Overrides:</dt> <dd class="tag-overrides"><ul class="dummy"><li> <a href="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="tag-overrides">Overrides:</dt> <dd class="tag-overrides"><ul class="dummy"><li> <a href="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"> 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)" href="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> </code> </td> <td class="name"><code><p>通过传入的json构造并返回一个新的几何对象</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#add">add</a></code></td> <td class="name"> <code> </code> </td> <td class="name"><code><p>添加要素，参考示例：</code></td> </tr> <tr class="deep-level-0"> <td class="name"><code><a href="#addMany">addMany</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="#clone">clone</a></code></td> <td class="name"> <code> <span class="param-type"> <a link="Layer.html" onclick="getTypeHTML(event)" href="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="#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="#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="#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="#remove">remove</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="#removeAll">removeAll</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="#removeMa