UNPKG

@mapgis/webclient-common

Version:

mapgis ES6 format for igserver

3,905 lines 65.2 kB
<header id="page-title" class="page-title">
    
        <span class="page-title-main">类名</span>
        <span class="page-title-sub">IGSFeatureLayer</span>
    
</header>





<section>

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


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

    
    <div class="description">
        <p>IGS要素图层,<br>
目前二维和三维上支持4326(包括4490,4214以及4610),3857以及EPSG支持的自定义坐标系,要素服务会自动读取元信息上的坐标系,不需要用户指定
<br><br>[ES5引入方式]:<br/>
zondy.layer.IGSFeatureLayer() <br/>
[ES6引入方式]:<br/>
import { IGSFeatureLayer } from &quot;@mapgis/webclient-common&quot; <br/>
<br/>
针对图层的操作请在图层加载完毕事件中进行<br/>
Layer.on('layerview-created', function (result) {<br/>
console.log(&quot;加载完毕:&quot;, 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>url</code></td>
  

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



  
  </td>

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

  <td class="description last"><p>服务基地址,<br/>
1、IGS2.0服务:http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer<br/>
示例如下:<br/>
<a href='#add-IGSFeatureLayer'>[1、添加IGS要素图层-不指定图层]</a><br/>
<a href='#IGSFeatureLayer-id'>[2、添加IGS要素图层-指定图层id]</a><br/>
<a href='#IGSFeatureLayer-url'>[3、添加IGS要素图层-在基地址中指定图层id]</a><br/>
2、IGS1.0服务:http://{ip}:{port}/igs/rest/mrfs/docs/{ServiceName}<br/>
示例如下:<br/>
<a href='#IGSFeatureLayer-IGS1.0'>[1、添加IGS要素图层-IGS1.0]</a><br/>
3、GDBP服务,注意该服务不支持注记:http://{ip}:{port}/igs/rest/mrfs/layer<br/>
示例如下:<br/>
<a href='#IGSFeatureLayer-gdbp'>[1、指定一个gdbp地址来渲染要素]</a><br/>
4、删除图层方法:<a href='#remove-layer'>[删除图层]</a></p></td>
</tr>


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

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

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



  
  </td>

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

  <td class="description last"><p>要素服务的子图层id,不指定则查询第0个图层,指定时,则查询指定layerId的图层</p></td>
</tr>


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

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



  
  </td>

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

  <td class="description last"><p>指定一个gdbp数据源来加载图形,格式如下:gdbp://MapGisLocal/武汉市/ds/4326矢量/sfcls/武汉市区划4326</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>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>visible</code></td>
  

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



  
  </td>

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

  <td class="description last"><p>图层显示或隐藏,true则显示,false则隐藏,参考示例:<a href='#visible'>[设置图层显示或隐藏]</a></p></td>
</tr>


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

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



  
  </td>

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

  <td class="description last"><p>渲染模式,分为客户端渲染'client'和服务器端渲染'server'</p></td>
</tr>


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

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



  
  </td>

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

  <td class="description last"><p>渲染样式,<br>
目前支持如下样式:<br/>
<a class="mapgis-link-name" title="UniqueValueRenderer" UniqueValueRenderer.html><code>1、单值专题图</code></a><br/>
<a class="mapgis-link-name" title="ClassBreakRenderer" ClassBreakRenderer.html><code>2、分段专题图</code></a><br/>
<a class="mapgis-link-name" title="SimpleRenderer" SimpleRenderer.html><code>3、统一专题图</code></a><br/>
参考示例:<br/>
<a href='#UniqueValueRenderer'>[1、单值专题图]</a><br/>
<a href='#ClassBreakRenderer'>[2、分段专题图]</a><br/>
<a href='#SimpleRenderer'>[3、统一专题图]</a><br/></p></td>
</tr>


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

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



  
  </td>

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

  <td class="description last"><p>sql语句查询,例如name='中国'</p></td>
</tr>


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

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



  
  </td>

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

  <td class="description last"><p>是否开启动态注记,仅支持三维场景</p></td>
</tr>


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

  <td class="type">
  
      
<span class="param-type">
    
         Array.&lt;<a onclick="getTypeHTML(event)" link="LabelClass.html">LabelClass</a>>
    
</span>



  
  </td>

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

  <td class="description last"><p>注记样式数组,可以和renderer同时启用,默认取数组的第一个样式,
仅支持三维场景,参考示例:<a href='#add-labelingInfo'>[注记样式]</a><br/></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">
      
      </td>
  

  <td class="description last"><p>token值,只有当tokenValue存在时,才会绑定token</p></td>
</tr>


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

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



  
  </td>

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

  <td class="description last"><p>是否返回三点弧段数据,为true则返回三个点代表三点弧段,否则返回离散的点</p></td>
</tr>


  



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






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





    <div class="method-parameter columns">
        <div class="column is-2"><label>绑定事件</label></div>
        <div class="column is-10">
            <ul>
                <li><a href="#图层加载完毕事件">图层加载完毕事件</a></li>
            
                <li><a href="#图层销毁完毕事件">图层销毁完毕事件</a></li>
            
                <li><a href="#图层更新完毕事件">图层更新完毕事件</a></li>
            
                <li><a href="#图层显隐更新完毕事件">图层显隐更新完毕事件</a></li>
            
                <li><a href="#图层透明度更新完毕事件">图层透明度更新完毕事件</a></li>
            
                <li><a href="#图层刷新完毕事件">图层刷新完毕事件</a></li>
            
                <li><a href="#图层样式更新完毕事件">图层样式更新完毕事件</a></li>
            </ul>
        </div>
    </div>

















<p class="summary"><h5>支持如下方法:</h5>
<a href='#load'>[1、加载图层资源]</a><br/>
<a href='#queryFeatures'>[2、指定图层的要素查询]</a><br/>
<a href='#queryFeaturesCount'>[3、查询要素数量]</a><br/>
<a href='#fromJSON'>[4、通过传入的json构造并返回一个新的几何对象]</a><br/>
<a class="mapgis-link-name" title="OGCLayer#toJSON" OGCLayer.html#toJSON><code>5、导出为json对象</code></a><br/>
<a class="mapgis-link-name" title="OGCLayer#clone" OGCLayer.html#clone><code>6、克隆几何对象</code></a></p>



    <h5>示例</h5>
    
        <p class="code-caption"><h7 id='add-IGSFeatureLayer'>添加IGS要素图层-不指定图层</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
// ES6引入方式
import { IGSFeatureLayer} from "@mapgis/webclient-common"
// 添加图层
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer'
})</code></pre>
    

        <p class="code-caption"><h7 id='IGSFeatureLayer-id'>添加IGS要素图层-指定图层id</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
// ES6引入方式
import {  IGSFeatureLayer} from "@mapgis/webclient-common"
// 添加图层
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer',
  // 指定图层id
  sublayerId: 2
})</code></pre>
    

    
        <pre class="prettyprint"><code>&lt;caption>&lt;h7 id='IGSFeatureLayer-url'>添加IGS要素图层-在基地址中指定图层id&lt;/h7>&lt;/caption
// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
// ES6引入方式
import {  IGSFeatureLayer} from "@mapgis/webclient-common"
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,再基地址上指定图层id
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer/1'
})</code></pre>
    

        <p class="code-caption"><h7 id='IGSFeatureLayer-IGS1.0'>添加IGS要素图层-IGS1.0</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
// ES6引入方式
import {  IGSFeatureLayer} from "@mapgis/webclient-common"
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,再基地址上指定图层id
  url: 'http://{ip}:{port}/igs/rest/mrfs/docs/{ServiceName}',
  // 图层id
    sublayerId: '1'
})</code></pre>
    

        <p class="code-caption"><h7 id='remove-layer'>删除图层</h7></p>
    
    
        <pre class="prettyprint"><code>map.remove(igsFeatureLayer)</code></pre>
    

        <p class="code-caption"><h7 id='opacity'>设置图层透明度</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
// ES6引入方式
import {  IGSFeatureLayer} from "@mapgis/webclient-common"
// 在初始化时设置
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,再基地址上指定图层id
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer/1',
  // 设置透明度
  opacity: 1
})

// 在图层加载完毕后设置
igsFeatureLayer.opacity = 0.5</code></pre>
    

        <p class="code-caption"><h7 id='visible'>设置图层可见性</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
// ES6引入方式
import {  IGSFeatureLayer} from "@mapgis/webclient-common"
// 在初始化时设置
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,再基地址上指定图层id
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer/1',
  // 设置图层可见性
  visible: true
})

// 在图层加载完毕后设置
igsFeatureLayer.visible = !igsFeatureLayer.visible</code></pre>
    

        <p class="code-caption"><h7 id='index'>图层顺序</h7></p>
    
    
        <pre class="prettyprint"><code>// 加载完毕后,更改图层顺序
map.reorder(igsFeatureLayer, '要移动到的index');</code></pre>
    

        <p class="code-caption"><h7 id='UniqueValueRenderer'>单值专题图</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
const { UniqueValueRenderer } = zondy.renderer
const { SimpleFillSymbol,SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import {  IGSFeatureLayer,UniqueValueRenderer,SimpleFillSymbol,SimpleLineSymbol,Color } from "@mapgis/webclient-common"
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,当不指定图层名称时,默认查询第一个子图层
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer',
  // 设置渲染样式-单值专题图
  renderer: renderer: new UniqueValueRenderer({
    // 专题图过滤字段名
    field: '字段名',
    // 默认样式,当没有匹配到指定值时,会使用默认样式
    // 因为该数据的几何类型为区,因此设置区样式
    defaultSymbol: new SimpleFillSymbol({
      // 填充颜色
      color: new Color(255, 0, 0),
      // 外边线样式
      outline: new SimpleLineSymbol({
        // 线颜色
        color: new Color(0, 0, 0),
        // 线宽
        width: 1
      })
    }),
    // 单值专题图过滤条件数组
    uniqueValueInfos: [
      {
        //指定字段值
        value: '过滤字段值1',
        //匹配到该值后的样式
        // 因为该数据的几何类型为区,因此设置区样式
        symbol: new SimpleFillSymbol({
          // 填充颜色
          color: new Color(255, 0, 0)
        })
      },
      {
        //指定字段值
        // 因为该数据的几何类型为区,因此设置区样式
        value: '过滤字段值2',
        //匹配到该值后的样式
        // 因为该数据的几何类型为区,因此设置区样式
        symbol: new SimpleFillSymbol({
          // 填充颜色
          color: 'rgb(255, 123, 220)'
        })
      }
    ]
  })
})</code></pre>
    

        <p class="code-caption"><h7 id='ClassBreakRenderer'>分段专题图</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
const { ClassBreakRenderer } = zondy.renderer
const { SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import {  IGSFeatureLayer,ClassBreakRenderer,SimpleLineSymbol,Color } from "@mapgis/webclient-common"
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,当不指定图层名称时,默认查询第一个子图层
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer',
  // 设置渲染样式-分段专题图
  renderer: new ClassBreakRenderer({
    // 专题图过滤字段名
    field: '字段名',
    // 默认样式,当没有匹配到指定值时,会使用默认样式
    // 因为该数据的几何类型为线,因此设置线样式
    defaultSymbol: new SimpleLineSymbol({
      // 线符号颜色
      color: new Color(1, 244, 0),
      // 线宽
      width: 3
    }),
    // 分段专题图过滤条件数组
    classBreakInfos: [
      {
        // 最小过滤范围,field对应的值大于等于minValue
        minValue: 0,
        // 最大过滤范围,field对应的值小于maxValue
        maxValue: 2,
        // 匹配到该值后的样式
        // 因为该数据的几何类型为线,因此设置线样式
        symbol: new SimpleLineSymbol({
          // 线符号颜色
          color: new Color(1, 244, 0),
          // 线宽
          width: 3
        })
      },
      {
        // 最小过滤范围,field对应的值大于等于minValue
        minValue: 3,
        // 最大过滤范围,field对应的值小于maxValue
        maxValue: 5,
        // 匹配到该值后的样式
        // 因为该数据的几何类型为线,因此设置线样式
        symbol: new SimpleLineSymbol({
          // 线符号颜色
          color: new Color(111, 144, 10),
          // 线宽
          width: 3
        })
      },
      {
        // 最小过滤范围,field对应的值大于等于minValue
        minValue: 5,
        // 最大过滤范围,field对应的值小于maxValue
        maxValue: 7,
        // 匹配到该值后的样式
        // 因为该数据的几何类型为线,因此设置线样式
        symbol: new SimpleLineSymbol({
          // 线符号颜色
          color: new Color(22, 244, 10),
          // 线宽
          width: 3
        })
      },
      {
        // 最小过滤范围,field对应的值大于等于minValue
        minValue: 7,
        // 最大过滤范围,field对应的值小于maxValue
        maxValue: 9,
        // 匹配到该值后的样式
        // 因为该数据的几何类型为线,因此设置线样式
        symbol: new SimpleLineSymbol({
          // 线符号颜色
          color: new Color(33, 44, 10),
          // 线宽
          width: 3
        })
      },
      {
        // 最小过滤范围,field对应的值大于等于minValue
        minValue: 9,
        // 最大过滤范围,field对应的值小于maxValue
        maxValue: 20,
        // 匹配到该值后的样式
        // 因为该数据的几何类型为线,因此设置线样式
        symbol: new SimpleLineSymbol({
          // 线符号颜色
          color:  new ZColor(123, 124, 110),
          // 线宽
          width: 3
        })
      }
    ]
  })
})</code></pre>
    

        <p class="code-caption"><h7 id='SimpleRenderer'>统一专题图</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
const { SimpleRenderer } = zondy.renderer
const { SimpleFillSymbol,SimpleLineSymbol } = zondy.symbol
const { Color } = zondy
// ES6引入方式
import {  IGSFeatureLayer,SimpleRenderer,SimpleFillSymbol,SimpleLineSymbol,Color } from "@mapgis/webclient-common"
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,当不指定图层名称时,默认查询第一个子图层
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer',
  // 设置渲染样式-统一专题图
  renderer: new SimpleRenderer({
    // 因为该数据的几何类型为区,因此设置区样式
    symbol: new SimpleFillSymbol({
      // 填充颜色
      color: new Color(255, 0, 0),
      // 外边线样式
      outline: new SimpleLineSymbol({
        // 线颜色
        color: new Color(0, 0, 0),
        // 线宽度
        width: 1
      })
    })
  })
})</code></pre>
    

        <p class="code-caption"><h7 id='IGSFeatureLayer-gdbp'>指定一个gdbp地址来渲染要素</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { IGSFeatureLayer } = zondy.layer
// ES6引入方式
import {  IGSFeatureLayer } from "@mapgis/webclient-common"
const igsFeatureLayer = new IGSFeatureLayer({
  // 服务基地址,该地址为要素服务1.0地址
  url: "http://{ip}:{port}/igs/rest/mrfs/layer",
  // gdbp地址,在桌面的数据库中右键简单要素类,来获取该地址
  gdbp: "gdbp://MapGisLocal/武汉市/ds/4326矢量/sfcls/武汉市区划4326"
})</code></pre>
    

        <p class="code-caption"><h7 id='add-labelingInfo'>启用注记</h7></p>
    
    
        <pre class="prettyprint"><code>// ES5引入方式
const { igsFeatureLayer } = zondy.layer
const { LabelClass ,Font} = zondy
const { TextSymbol } = zondy.symbol
// ES6引入方式
import {  igsFeatureLayer,LabelClass,Font,TextSymbol } from "@mapgis/webclient-common"
// 初始化LabelClass
const labelClass = new LabelClass({
  // 指定文本符号样式
  symbol: new TextSymbol({
    // 文字颜色
    color: new Color(252, 100, 22, 1),
    // 文字样式
    font: new Font({
      // 字体
      family: "微软雅黑",
      // 文字大小,单位像素
      size: 30,
      // 文字是否为斜体,正常模式
      style: "normal",
      // 文字粗细
      weight: "normal"
    })
  })
})
// 初始化IGS要素图层
const igsFeatureLayer = new igsFeatureLayer({
  // 服务基地址,当不指定图层名称时,默认查询第一个子图层
  url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer',
  // 可在此处设置渲染样式
  renderer: {},
  // 启用注记
  labelsVisible: true,
  // 设置注记样式
  labelingInfo: [labelClass]
})</code></pre>
    



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

        


    <ul>
        <li><a link="FeatureLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FeatureLayer" FeatureLayer.html>FeatureLayer</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.&lt;String>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>服务支持的能力</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#definitionExpression">definitionExpression</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             String
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>要素过滤条件,类似sql语句</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)" class="mapgis-link-name" title="ElevationInfo" 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="#gdbp">gdbp</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             String
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>gdbp数据源</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#geometryType">geometryType</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="#labelingInfo">labelingInfo</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
         Array.&lt;<a onclick="getTypeHTML(event)" link="LabelClass.html">LabelClass</a>>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>注记样式数组,默认取数组的第一个样式,仅支持三维动态注记渲染</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#labelsVisible">labelsVisible</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="#outFields">outFields</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
         Array.&lt;String>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>服务返回的要素字段名数组</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#renderer">renderer</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             <a link="BaseRenderer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="BaseRenderer" BaseRenderer.html>BaseRenderer</a>
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>渲染器</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#renderMode">renderMode</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             String
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>渲染模式,分为客户端渲染'client'和服务器端渲染'server'</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#sublayerId">sublayerId</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             Number
    
</span>
|

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



                                    </code>
                                </td>
                                <td class="name"><code><p>要素图层index</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#supportArc3">supportArc3</a></code></td>
                                <td class="name">
                                    <code>
                                        
<span class="param-type">
    
             Boolean
    
</span>



                                    </code>
                                </td>
                                <td class="name"><code><p>是否返回三点弧段数据,为true则返回三个点代表三点弧段,否则返回离散的点</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.&lt;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">
    
             String
    
</span>



    </span>

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




<div class="description">
    <p>要素过滤条件,类似sql语句</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="ElevationInfo.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="ElevationInfo" 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">

    

    

    
    <dt class="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a goto="elevationInfo" link="FeatureLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FeatureLayer#elevationInfo" FeatureLayer.html#elevationInfo>FeatureLayer#elevationInfo</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="gdbp">
    <a class="href-link" href="#gdbp">#</a>
    
    <span class="code-name">
        gdbp
    </span>
    
</h4>




<div class="description">
    <p>gdbp数据源</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="geometryType">
    <a class="href-link" href="#geometryType">#</a>
    
    <span class="code-name">
        geometryType
    </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="geometryType" link="FeatureLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FeatureLayer#geometryType" FeatureLayer.html#geometryType>FeatureLayer#geometryType</a>
    </li></ul></dd>
    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





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

    <span class="method-parameter is-pulled-right">
        <label>类型:</label>
        
<span class="param-type">
    
         Array.&lt;<a onclick="getTypeHTML(event)" link="LabelClass.html">LabelClass</a>>
    
</span>



    </span>

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




<div class="description">
    <p>注记样式数组,默认取数组的第一个样式,仅支持三维动态注记渲染</p>
</div>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





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

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



    </span>

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




<div class="description">
    <p>是否开启动态注记,仅支持三维动态注记渲染</p>
</div>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





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

    <span class="method-parameter is-pulled-right">
        <label>类型:</label>
        
<span class="param-type">
    
         Array.&lt;String>
    
</span>



    </span>

<h4 class="name" id="outFields">
    <a class="href-link" href="#outFields">#</a>
    
    <span class="code-name">
        outFields
    </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="BaseRenderer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="BaseRenderer" BaseRenderer.html>BaseRenderer</a>
    
</span>



    </span>

<h4 class="name" id="renderer">
    <a class="href-link" href="#renderer">#</a>
    
    <span class="code-name">
        renderer
    </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="renderer" link="FeatureLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FeatureLayer#renderer" FeatureLayer.html#renderer>FeatureLayer#renderer</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="renderMode">
    <a class="href-link" href="#renderMode">#</a>
    
    <span class="code-name">
        renderMode
    </span>
    
</h4>




<div class="description">
    <p>渲染模式,分为客户端渲染'client'和服务器端渲染'server'</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 class="param-type">
    
             String
    
</span>



    </span>

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




<div class="description">
    <p>要素图层index</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="supportArc3">
    <a class="href-link" href="#supportArc3">#</a>
    
    <span class="code-name">
        supportArc3
    </span>
    
</h4>




<div class="description">
    <p>是否返回三点弧段数据,为true则返回三个点代表三点弧段,否则返回离散的点</p>
</div>





<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>





</div>
            
            </div>
        </div>
    

    
        <div class='vertical-section'>
            <h3 id='function'>方法</h3>
            <h4 style="margin-top: 20px;margin-bottom: 20px;">方法概述</h4>
            <div class="members">
            <div class="table-container">
                <table class="params table">
                    <thead>
                    <tr>
                        <th>名称</th>
                        <th>返回值类型</th>
                        <th>描述</th>
                    </tr>
                    </thead>
                    <tbody>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#fromJSON">fromJSON</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                    </code>
                                </td>
                                <td class="name"><code><p>通过传入的json构造并返回一个新的几何对象</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="FeatureLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FeatureLayer" FeatureLayer.html>FeatureLayer</a>
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>克隆方法</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#load">load</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
         Promise.&lt;<a onclick="getTypeHTML(event)" link="IGSFeatureLayer.html">IGSFeatureLayer</a>>
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>加载图层资源</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#queryFeatures">queryFeatures</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
         Promise.&lt;<a onclick="getTypeHTML(event)" link="FeatureSet.html">FeatureSet</a>>
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>指定图层的要素查询</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#queryFeaturesCount">queryFeaturesCount</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
         Promise.&lt;Number>
    
</span>



                                            
                                    </code>
                                </td>
                                <td class="name"><code><p>查询要素数量,仅支持igs2.0</p></code></td>
                            </tr>
                        
                            <tr class="deep-level-0">
                                <td class="name"><code><a href="#toJSON">toJSON</a></code></td>
                                <td class="name">
                                    <code>
                                        
                                                
<span class="param-type">
    
             Object
    
</span>



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


    
    <h4 class="name" id=".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 class="signature-attributes">opt</span>)</span>
            
        </span>
    </h4>
    

    
    <div class="description">
        <p>通过传入的json构造并返回一个新的几何对象<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>























    <h5>示例</h5>
    
        <p class="code-caption"><h7>通过传入的json构造并返回一个新的几何对象</h7></p>
    
    
        <pre class="prettyprint"><code>const json = {
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/FeatureServer',
}
const igsFeatureLayer = new zondy.layer.IGSFeatureLayer.fromJSON(json)</code></pre>
    


</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="inherited-from">Inherited From:</dt>
    <dd class="inherited-from"><ul class="dummy"><li>
        <a goto="clone" link="FeatureLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FeatureLayer#clone" FeatureLayer.html#clone>FeatureLayer#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="FeatureLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="FeatureLayer" FeatureLayer.html>FeatureLayer</a>
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






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


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

    
    <div class="description">
        <p>加载图层资源</p>
    </div>
    













<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>


















    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值</label></div>
        <div class="column is-10">
            
                    

<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
         Promise.&lt;<a onclick="getTypeHTML(event)" link="IGSFeatureLayer.html">IGSFeatureLayer</a>>
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






    <h5>示例</h5>
    
        <p class="code-caption"><h7 id='load'>不加载图层,仅获取图层信息</h7></p>
    
    
        <pre class="prettyprint"><code>// 初始化图层
const igsFeatureLayer = new zondy.layer.IGSFeatureLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/FeatureServer',
});
igsFeatureLayer.load().then((result) => {
  // 获取完图层信息
  console.log(result)
})</code></pre>
    


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


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

    
    <div class="description">
        <p>指定图层的要素查询</p>
    </div>
    









    <h4>参数</h4>
    
<div class="table-container">
    <table class="params table">
        <thead>
        <tr>
            
            <th>名称</th>
            

            <th>类型</th>

            

            <th class="last">描述</th>
        </tr>
        </thead>

        <tbody>
        

            
<tr class="deep-level-0">
  
      <td class="name"><code>queryOptions</code></td>
  

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



  
  </td>

  

  <td class="description last"><p>参考此接口的入参<a class="mapgis-link-name" title="FeatureServer#queryFeatures" FeatureServer.html#queryFeatures><code>FeatureServer#queryFeatures</code></a></p></td>
</tr>



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






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>


















    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值</label></div>
        <div class="column is-10">
            
                    

<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
         Promise.&lt;<a onclick="getTypeHTML(event)" link="FeatureSet.html">FeatureSet</a>>
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






    <h5>示例</h5>
    
        <p class="code-caption"><h7 id='queryFeatures'>指定图层的要素查询</h7></p>
    
    
        <pre class="prettyprint"><code>igsFeatureLayer.queryFeatures({
  // 图层id
  sublayerId: '0',
  // where语句
  where: "NAME='天门市'"
}).then((result) => {
  console.log('查询结果:', result)
})</code></pre>
    


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


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

    
    <div class="description">
        <p>查询要素数量,仅支持igs2.0</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>queryOptions</code></td>
  

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



  
  </td>

  

  <td class="description last"><p>参考此接口的入参<a class="mapgis-link-name" title="FeatureServer#queryFeatures" FeatureServer.html#queryFeatures><code>FeatureServer#queryFeatures</code></a></p></td>
</tr>



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






<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</dl>


















    <div class='columns method-parameter'>
        <div class="column is-2"><label>返回值</label></div>
        <div class="column is-10">
            
                    

<div class="columns">
    
    
    <div class='column is-5 has-text-left'>
        <label>类型: </label>
        
<span class="param-type">
    
         Promise.&lt;Number>
    
</span>



    </div>
    
</div>

                
        </div>
    </div>






    <h5>示例</h5>
    
        <p class="code-caption"><h7 id='queryFeaturesCount'>查询要素数量</h7></p>
    
    
        <pre class="prettyprint"><code>igsFeatureLayer.queryFeaturesCount({
  // 图层id
  sublayerId: '0',
  // where语句
  where: "NAME='天门市'"
}).then((result) => {
  console.log('查询结果:', result)
})</code></pre>
    


</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="FeatureLayer#toJSON" FeatureLayer.html#toJSON>FeatureLayer#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>
                        
                    </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%E6%A0%B7%E5%BC%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%E6%A0%B7%E5%BC%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">
        
            &lt;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">
        
            &lt;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.&lt;<a onclick="getTypeHTML(event)" link="UpdateContent.html">UpdateContent</a>>
    
</span>



    
    </td>

    
        <td class="attributes">
        
            &lt;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">
        
            &lt;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">
        
            &lt;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">
        
            &lt;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">
        
            &lt;optional><br>
        

        
        </td>
    

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

    <td class="description last"><p>事件接收对象</p></td>
</tr>

  

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



<dl class="details">

    

    

    

    

    

    

    

    

    

    

    

    
    

    

    

    
</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 &lt; updateContent.length; i++) {
    // 图层样式更新完毕事件
    if(updateContent[i].name === 'renderer'){
      console.log("图层样式更新完毕事件:", event);
    }
  }
});</code></pre>
    



                </div>
            
            </div>
        </div>
    
</article>

</section>