@mapgis/webclient-common 17.2.6 → 17.2.8

package/documention/FeatureServer.html

@@ -2142,7 +2142,7 @@ const lineString = new Feature({
   //可填空或者和数据库中的表结构一一对应
   attributes: {},
   //可填空或者和系统库中的样式一一对应
-  symbol: {},
+  styleInfo: {},
   //设置几何
   geometry: new zondy.geometry.LineString({
     coordinates: [
@@ -2206,21 +2206,7 @@ resourceServer.queryGDBPInfo({
       "mpLayer": "0"
     },
     //设置样式
-    symbol: {
-      SymID": 43,
-      SymHeight": 3.200000047683716,
-      SymWidth": 3.200000047683716,
-      Angle": 0,
-      Color": 1467,
-      Color1": 4,
-      Color2": 3,
-      Space": 1,
-      OutPenW": [
-        0.1,
-        0.05,
-        0.05
-      ]
-    }
+    styleInfo: {}
   })
   // 创建新增要素的结构体
   const featureSet = {
@@ -2285,21 +2271,7 @@ resourceServer.queryGDBPInfo({
       "mpLayer": "0"
     },
     // 设置样式
-    symbol: {
-      "SymID": 43,
-      "SymHeight": 3.200000047683716,
-      "SymWidth": 3.200000047683716,
-      "Angle": 0,
-      "Color": 1467,
-      "Color1": 4,
-      "Color2": 3,
-      "Space": 1,
-      "OutPenW": [
-        0.1,
-        0.05,
-        0.05
-      ]
-    }
+    styleInfo: {}
   })
 
   // 创建新增要素的结构体
@@ -6941,8 +6913,6 @@ import { Feature } from "@mapgis/webclient-common"
 const lineString = new Feature({
   // 更新要素时需要传一个FID来指定要素，其他的属性值可以根据需求来盖面
   attributes: { FID:'0' },
-  // 更新样式
-  symbol: {},
   // 更新几何，注意几何一定要是GDBP表对应的几何类型
   geometry: new LineString({
     coordinates: [
@@ -7001,22 +6971,6 @@ resourceServer.queryGDBPInfo({
       "CODE": "1",
       "NAME": "新的神龙架林区",
       "mpLayer": "0"
-    },
-    //更新样式
-    symbol: {
-      SymID": 43,
-      SymHeight": 3.200000047683716,
-      SymWidth": 3.200000047683716,
-      Angle": 0,
-      Color": 1467,
-      Color1": 4,
-      Color2": 3,
-      Space": 1,
-      OutPenW": [
-        0.1,
-        0.05,
-        0.05
-      ]
     }
   })
   // 创建更新要素的结构体
@@ -7081,22 +7035,6 @@ resourceServer.queryGDBPInfo({
       "CODE": "0",
       "Name": "多点",
       "mpLayer": "0"
-    },
-    // 更新样式
-    symbol: {
-      "SymID": 43,
-      "SymHeight": 3.200000047683716,
-      "SymWidth": 3.200000047683716,
-      "Angle": 0,
-      "Color": 1467,
-      "Color1": 4,
-      "Color2": 3,
-      "Space": 1,
-      "OutPenW": [
-        0.1,
-        0.05,
-        0.05
-      ]
     }
   })
 
@@ -7129,6 +7067,87 @@ resourceServer.queryGDBPInfo({
 })</code></pre>
     
 
+        <p class="code-caption"><h5>更新要素样式</h5></p>
+    
+    
+        <pre class="prettyprint"><code>// ES5引入方式
+const { ResourceServer, FeatureServer } = zondy.service
+const { Polygon } = zondy.geometry
+const { Feature } = zondy
+// ES6引入方式
+import { ResourceServer, FeatureServer, Polygon, Feature } from "@mapgis/webclient-common"
+
+// 初始化资源服务对象
+const resourceServer = new ResourceServer({
+  url: 'http://{ip}:{port}/igs/rest/services/system/ResourceServer'
+})
+
+// 初始化要素服务对象
+const featureServer = new FeatureServer({
+  url: 'http://{ip}:{port}/igs/rest/services/{要素服务名}/FeatureServer'
+})
+
+// 查询要素图层信息
+featureServer.queryLayerInfo({
+  // 要素图层ID
+  layerId: '0'
+}).then(function (layerInfo) {
+  // 通过gdbp地址查询系统库
+  resourceServer.queryTempDataInfo({
+    // gdbp地址
+    url: layerInfo.data.url
+  }).then(function (tempDataInfo) {
+    // 获取系统库名称
+    const systemLibGuid = tempDataInfo.data.systemLibGuid
+    // 查询要素
+    featureServer.queryFeaturesInLayers({
+      // 图层id
+      layerId: '0',
+      // 返回要素样式
+      returnStyle: true
+    }).then(function (featureInfo) {
+      // 获取要素
+      const featureData = featureInfo.data.layers[0].features[0]
+      // 当通过颜色查找色号时，MapGIS桌面会通过颜色值的模糊匹配去查找色号，两个不同的颜色，查找出的色号可能会一样，因此无法通过颜色查找色号
+      // 因此推荐用户通过querySystemColorList查询到指定系统库的颜色列表，然后再前端根据自己的项目实际情况，写一个调色板来选择色号，注意该接口需要设置翻页参数
+      // 此步骤是可选项，也可以像下方代码，直接更改色号
+      resourceServer.querySystemColorList({
+        // 系统库ID
+        sysLib: systemLibGuid,
+        // 查询第几页
+        page: 1,
+        // 每页数量
+        pageSize: 20,
+      }).then(function (colorList) {
+        console.log("色号列表:", colorList)
+      })
+      // 直接更改色号
+      featureData.styleInfo.fillColor = 112
+      // 构造要更新的要素对象
+      const feature = new Feature({
+        // 更新属性，可以更新部分属性，但是FID是必选项，{FID:'xxx'}
+        attributes: featureData.attributes,
+        // 更新几何，必须更新几何
+        geometry: new Polygon({
+          coordinates: featureData.geometry.coordinates
+        }),
+        // 更新样式，可选项
+        styleInfo: featureData.styleInfo
+      })
+      // 更新要素对象
+      featureServer.updateFeature({
+        // 请求方式
+        method: 'POST',
+        // 要更新的图层ID
+        layerId: '0',
+        // 要更新要素对象
+        features: [feature]
+      })
+    })
+  })
+})</code></pre>
+    
+
 
 </div>
             

package/documention/IGSFeatureLayer.html

@@ -354,7 +354,7 @@ if(layer.loadStatus === 'loaded') {<br/>
       </td>
   
 
-  <td class="description last"><p>渲染模式，分为客户端渲染'client'和服务器端渲染'server'</p></td>
+  <td class="description last"><p>渲染模式，分为客户端渲染'client'和服务器端渲染'server',目前仅当gdbp存在时，server模式生效。</p></td>
 </tr>