@mapgis/webclient-common 17.0.7 → 17.2.1

package/documention/IGSVectorTileLayer.html

@@ -42,8 +42,11 @@
 1、通过服务基地址来初始化矢量瓦片图层对象；<br/>
 2、通过加载矢量瓦片样式文件的方式来初始化矢量瓦片图层对象；<br/>
 3、通过设置矢量瓦片样式的方式来初始化矢量瓦片图层对象；<br/>
+当加载MapGIS制作并由IGS发布的矢量瓦片时，如果矢量瓦片样式中有mapinfo参数，则子图层ID对应的是MapX中的图层索引；
+如果没有mapinfo参数，则子图层ID对应的是矢量瓦片样式图层ID；<br/>
+当加载第三方发布的矢量瓦片时，子图层ID对应的是矢量瓦片样式图层ID；<br/>
 <br><br>[ES5引入方式]：<br/>
-Zondy.Layer.IGSVectorTileLayer() <br/>
+zondy.layer.IGSVectorTileLayer() <br/>
 [ES6引入方式]：<br/>
 import { IGSVectorTileLayer } from &quot;@mapgis/webclient-common&quot; <br/>
 <br/>
@@ -158,7 +161,7 @@ if(layer.loadStatus === 'loaded') {<br/>
   <td class="description last"><p>服务基地址，和style参数二者选其一:<br>
 IGS1.0的服务基地址为：http://{ip}:6163/igs/rest/mrcs/vtiles/{serviceName}<br>
 需要注意由于igs1.0版本不再新增功能，无法解析矢量瓦片Lod信息以及坐标系信息，目前需要在矢量瓦片图层接口上显式设置坐标系信息，默认坐标系3857，可选4326或3857，参考示例：<a href='#igs-1'>[IGS1.0的矢量瓦片示例]</a><br/>
-IGS2.0的服务基地址为：http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer<br>
+IGS2.0的服务基地址为：http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer<br>
 参考示例：<a href='#igs-2'>[IGS2.0的矢量瓦片示例]</a><br/>
 服务基地址也支持传入矢量瓦片样式文件地址：<br>
 IGS1.0的样式文件地址：http://{ip}:6163/igs/rest/mrcs/vtiles/styles/{样式文件名称}.json<br>
@@ -691,8 +694,8 @@ off-screen: 使用矢量瓦片来绘制注记<br/>
     
         <pre class="prettyprint"><code>//初始化地图管理容器
 // ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
-const { SpatialReference } = Zondy
+const { IGSVectorTileLayer } = zondy.layer
+const { SpatialReference } = zondy
 // ES6引入方式
 import { IGSVectorTileLayer, SpatialReference } from "@mapgis/webclient-common"
 //初始化矢量瓦片图层
@@ -708,7 +711,7 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code> // ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer } from "@mapgis/webclient-common"
 // 初始化矢量瓦片图层
@@ -722,7 +725,7 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer } from "@mapgis/webclient-common"
 // 初始化矢量瓦片图层
@@ -736,7 +739,7 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer } from "@mapgis/webclient-common"
 // 初始化矢量瓦片图层
@@ -784,8 +787,8 @@ const customLayer = new IGSVectorTileLayerCustom({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { LabelClass } = Zondy
-const { IGSVectorTileLayer } = Zondy.Layer
+const { LabelClass } = zondy
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer, LabelClass } from "@mapgis/webclient-common"
 // 初始化一个额外的图标DOM对象
@@ -879,13 +882,13 @@ igsVectorTileLayer.labelsRenderMode = 'on-screen'</code></pre>
     
     
         <pre class="prettyprint"><code> // ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer } from "@mapgis/webclient-common"
 // 添加图层
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer',
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer',
   //默认不设置sublayers,加载全部图层
 });</code></pre>
     
@@ -894,13 +897,13 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer } from "@mapgis/webclient-common"
 // 添加图层
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer',
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer',
   // 根据id显示子图层
   sublayers: [
      {
@@ -917,13 +920,13 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer } from "@mapgis/webclient-common"
 // 添加图层
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer'
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer'
 });
 igsVectorTileLayer.on('layerview-created', function (result) {
   console.log("加载完毕:", result.layer)
@@ -938,15 +941,15 @@ igsVectorTileLayer.on('layerview-created', function (result) {
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
-const { UniqueValueRenderer } = Zondy.Renderer
-const { SimpleFillSymbol,SimpleLineSymbol } = Zondy.Symbol
-const { Color } = Zondy
+const { IGSVectorTileLayer } = zondy.layer
+const { UniqueValueRenderer } = zondy.renderer
+const { SimpleFillSymbol,SimpleLineSymbol } = zondy.symbol
+const { Color } = zondy
 // ES6引入方式
 import { IGSVectorTileLayer,UniqueValueRenderer ,SimpleFillSymbol,SimpleLineSymbol,Color} from "@mapgis/webclient-common"
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址,当不指定图层名称时,默认查询第一个子图层
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer',
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer',
   // 设置子图层专题图
   sublayers: [
      {
@@ -1006,15 +1009,15 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
-const { ClassBreakRenderer } = Zondy.Renderer
-const { SimpleFillSymbol,SimpleLineSymbol } = Zondy.Symbol
-const { Color } = Zondy
+const { IGSVectorTileLayer } = zondy.layer
+const { ClassBreakRenderer } = zondy.renderer
+const { SimpleFillSymbol,SimpleLineSymbol } = zondy.symbol
+const { Color } = zondy
 // ES6引入方式
 import { IGSVectorTileLayer,ClassBreakRenderer ,SimpleFillSymbol,SimpleLineSymbol,Color} from "@mapgis/webclient-commo
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址,当不指定图层名称时,默认查询第一个子图层
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer',
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer',
   // 设置子图层专题图
   sublayers: [
     {
@@ -1067,15 +1070,15 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
-const { ClassBreakRenderer } = Zondy.Renderer
-const { SimpleFillSymbol,SimpleLineSymbol } = Zondy.Symbol
-const { Color } = Zondy
+const { IGSVectorTileLayer } = zondy.layer
+const { ClassBreakRenderer } = zondy.renderer
+const { SimpleFillSymbol,SimpleLineSymbol } = zondy.symbol
+const { Color } = zondy
 // ES6引入方式
 import { IGSVectorTileLayer,ClassBreakRenderer ,SimpleFillSymbol,SimpleLineSymbol,Color} from "@mapgis/webclient-commo
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer'
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer'
 });
 // 根据id获取子图层
 const subLayer = igsVectorTileLayer.findSublayerById('子图层id')
@@ -1123,15 +1126,15 @@ subLayer.renderer = new ClassBreakRenderer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
-const { SimpleRenderer } = Zondy.Renderer
-const { SimpleFillSymbol,SimpleLineSymbol } = Zondy.Symbol
-const { Color } = Zondy
+const { IGSVectorTileLayer } = zondy.layer
+const { SimpleRenderer } = zondy.renderer
+const { SimpleFillSymbol,SimpleLineSymbol } = zondy.symbol
+const { Color } = zondy
 // ES6引入方式
 import { IGSVectorTileLayer,SimpleRenderer ,SimpleFillSymbol,SimpleLineSymbol,Color} from "@mapgis/webclient-commo
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer',
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer',
   // 设置子图层专题图
   sublayers: [{
     // 子图层id
@@ -1141,7 +1144,7 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     // 因为该数据的几何类型为区，因此设置区样式
     symbol: new SimpleFillSymbol({
       // 填充颜色
-      color: new Zondy.Color(255, 0, 0),
+      color: new zondy.Color(255, 0, 0),
       // 外边线样式
       outline: new SimpleLineSymbol({
         // 线颜色
@@ -2340,13 +2343,13 @@ off-screen: 使用矢量瓦片来绘制注记；
     
 
     
-    <dt class="inherited-from">Inherited From:</dt>
-    <dd class="inherited-from"><ul class="dummy"><li>
-        <a goto="url" link="VectorTileLayer.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="VectorTileLayer#url" VectorTileLayer.html#url>VectorTileLayer#url</a>
-    </li></ul></dd>
-    
 
     
+    <dt class="tag-overrides">Overrides:</dt>
+    <dd class="tag-overrides"><ul class="dummy"><li>
+        <a class="mapgis-link-name" title="VectorTileLayer#url" VectorTileLayer.html#url>VectorTileLayer#url</a>
+    </li></ul></dd>
+    
 
     
 
@@ -2418,6 +2421,16 @@ off-screen: 使用矢量瓦片来绘制注记；
                                 <td class="name"><code><p>通过传入的json构造并返回一个新的VectorTileLayer对象</code></td>
                             </tr>
                         
+                            <tr class="deep-level-0">
+                                <td class="name"><code><a href="#_initSubLayerOptions">_initSubLayerOptions</a></code></td>
+                                <td class="name">
+                                    <code>
+                                        
+                                    </code>
+                                </td>
+                                <td class="name"><code><p>通过元信息中获取的子图层参数和用户设置的参数，构造MapGIS矢量瓦片子图层的初始化参数数组</p></code></td>
+                            </tr>
+                        
                             <tr class="deep-level-0">
                                 <td class="name"><code><a href="#clone">clone</a></code></td>
                                 <td class="name">
@@ -2892,6 +2905,180 @@ off-screen: 使用矢量瓦片来绘制注记；
 
 
 
+
+
+
+</div>
+            
+                <div class="member">
+
+
+    
+    <h4 class="name" id="_initSubLayerOptions">
+        <a class="href-link" href="#_initSubLayerOptions">#</a>
+        
+        <span class="code-name" id="_initSubLayerOptions" style="font-size:30px">
+            
+                _initSubLayerOptions<span class="signature">(serverSubLayers, clientSubLayers)</span>
+            
+        </span>
+    </h4>
+    
+
+    
+    <div class="description">
+        <p>通过元信息中获取的子图层参数和用户设置的参数，构造MapGIS矢量瓦片子图层的初始化参数数组</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>serverSubLayers</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+         Array.&lt;Object>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+
+  <td class="description last"><p>服务器端获取的子图层参数，同时也是最终的构造参数</p></td>
+</tr>
+
+
+
+        
+
+            
+<tr class="deep-level-0">
+  
+      <td class="name"><code>clientSubLayers</code></td>
+  
+
+  <td class="type">
+  
+      
+<span class="param-type">
+    
+         Array.&lt;Object>
+    
+</span>
+
+
+
+  
+  </td>
+
+  
+
+  <td class="description last"><p>客户端获取的子图层参数</p></td>
+</tr>
+
+
+
+        
+        </tbody>
+    </table>
+</div>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -3528,12 +3715,12 @@ off-screen: 使用矢量瓦片来绘制注记；
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { IGSVectorTileLayer } = Zondy.Layer
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer} from "@mapgis/webclient-common"
 const igsVectorTileLayer = new IGSVectorTileLayer({
   // 服务基地址
-  url: 'http://{ip}:{port}/igs/rest/services/VectorTile/{serviceName}/VectorTileServer'
+  url: 'http://{ip}:{port}/igs/rest/services/{serviceName}/VectorTileServer'
 });
 map.add(igsVectorTileLayer);
 // 根据id获取子图层

package/documention/IGSVectorTileSubLayer.html

@@ -162,7 +162,8 @@
       </td>
   
 
-  <td class="description last"><p>矢量瓦片子图层的id</p></td>
+  <td class="description last"><p>矢量瓦片子图层的id，当加载MapGIS制作并由IGS发布的矢量瓦片时，如果矢量瓦片样式中有mapinfo参数，则子图层ID对应的是MapX中的图层索引；
+如果没有mapinfo参数，则子图层ID对应的是矢量瓦片样式图层ID；当加载第三方发布的矢量瓦片时，子图层ID对应的是矢量瓦片样式图层ID；</p></td>
 </tr>
 
 
@@ -404,8 +405,8 @@
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { LabelClass } = Zondy
-const { IGSVectorTileLayer } = Zondy.Layer
+const { LabelClass } = zondy
+const { IGSVectorTileLayer } = zondy.layer
 // ES6引入方式
 import { IGSVectorTileLayer, LabelClass } from "@mapgis/webclient-common"
 // 初始化一个额外的图标DOM对象
@@ -472,7 +473,7 @@ const igsVectorTileLayer = new IGSVectorTileLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { LabelClass } = Zondy
+const { LabelClass } = zondy
 // ES6引入方式
 import { LabelClass } from "@mapgis/webclient-common"
 // 初始化一个额外的图标DOM对象

package/documention/IconSymbol3DLayer.html

@@ -386,8 +386,8 @@ ColorMaterial: 纯色材质，当图标的资源是网络图片时，指的是
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { Color } = Zondy
-const { IconSymbol3DLayer, IconResource } = Zondy.Symbol
+const { Color } = zondy
+const { IconSymbol3DLayer, IconResource } = zondy.symbol
 // ES6引入方式
 import { IconSymbol3DLayer, IconResource, Color } from "@mapgis/webclient-common"
 
@@ -406,8 +406,8 @@ const iconSymbol3DLayer = new IconSymbol3DLayer({
     
     
         <pre class="prettyprint"><code>// ES5引入方式
-const { Color } = Zondy
-const { IconSymbol3DLayer, IconResource } = Zondy.Symbol
+const { Color } = zondy
+const { IconSymbol3DLayer, IconResource } = zondy.symbol
 // ES6引入方式
 import { IconSymbol3DLayer, IconResource, Color } from "@mapgis/webclient-common"
 
@@ -542,6 +542,24 @@ const iconSymbol3DLayer = new IconSymbol3DLayer({
                                 <td class="name"><code><p>符号的额外构造参数，该构造参数是地图引擎的额外构造参数，在此设置了之后，会覆盖该符号转换好地图引擎的构造参数</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="#material">material</a></code></td>
                                 <td class="name">
@@ -933,6 +951,95 @@ const iconSymbol3DLayer = new IconSymbol3DLayer({
     
 
     
+    <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">
+    
+             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="Symbol.html" onclick="getTypeHTML(event)" class="mapgis-link-name" title="Symbol#id" Symbol.html#id>Symbol#id</a>
+    </li></ul></dd>
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+