一、更新区要素

update setFID

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9.     <!-- 1、加载ol库 -->
  10.     <script src="../lib/include-openlayers-local.js"></script>
  11.     <script src="../js/Gaode.js"></script>
  12. </head>
  14. <body>
  15.     <!-- 2、创建地图容器 -->
  16.     <button onclick="updatePolygon()">更新</button>
  17.     <div id="map_container">
  18.     </div>
  19.     <!-- 3、实例化对象 -->
  21.     <script>
  22.         const docLayer = new Zondy.Map.Doc('', 'city', {
  23.             ip: 'localhost',
  24.             port: 6163
  25.         })
  26.         const map = new ol.Map({
  27.             target: 'map_container',
  28.             layers: [gaode, docLayer],
  29.             view: new ol.View({
  30.                 projection: 'EPSG:4326',
  31.                 center: [114, 30],
  32.                 zoom: 4
  33.             })
  34.         })
  35.         function updatePolygon(){
  36.             /* 2.1 构建几何信息 */
  37.             var pointObj = [];
  38.             pointObj[0] = new Zondy.Object.Point2D(104,35.88);  // 修改99.41为100
  39.             pointObj[1] = new Zondy.Object.Point2D(99.41,26.82);
  40.             pointObj[2] = new Zondy.Object.Point2D(108,26.82);
  41.             pointObj[3] = new Zondy.Object.Point2D(108,35.88);
  42.             //设置区要素的几何信息
  43.             var gArc = new Zondy.Object.Arc(pointObj)
  44.             //构成区要素折线
  45.             var gAnyLine = new Zondy.Object.AnyLine([gArc])
  46.             //构成区要素
  47.             var gRegion = new Zondy.Object.GRegion([gAnyLine])
  48.             //构成区要素的几何信息
  49.             var fGeom = new Zondy.Object.FeatureGeometry({RegGeom:[gRegion]})
  50.             /* 2.2 设置样式信息 */
  51.             var cRegionInfo = new Zondy.Object.CRegionInfo({
  52.                 EndColor:1,
  53.                 FillColor:5,
  54.                 FillMode:0,
  55.                 OutPenWidth:1,
  56.                 OverMethod:0,
  57.                 PatAngle:1,
  58.                 PatColor:1,
  59.                 PatHeight:1,
  60.                 PatID:27,
  61.                 PatWidth:1
  62.             })
  63.             var graphicInfo = new Zondy.Object.WebGraphicsInfo({
  64.                 InfoType:3,  //区
  65.                 RegInfo:cRegionInfo
  66.             })
  67.             /* 2.3 设置属性信息 */
  68.             //设置区要素的属性信息
  69.             var attValue = ["中地数码-成都",100,800]
  70.             /* 2.4 构建区要素对象 */
  71.             //创建一个新的区要素
  72.             var newFeature = new Zondy.Object.Feature({
  73.                 fGeom:fGeom,
  74.                 GraphicInfo:graphicInfo,
  75.                 AttValue:attValue
  76.             })
  77.             newFeature.setFType(3) 
  78.             //++
  79.             newFeature.setFID(2)
  80.             /* 2.5 设置要素集 */
  81.             var featureSet = new Zondy.Object.FeatureSet()
  82.             var cAttValue = new Zondy.Object.CAttStruct({
  83.                 FldNumber:3,
  84.                 FldType:['string','float','int'],
  85.                 FldName:['name','area','num']
  86.             })
  87.             featureSet.AttStruct = cAttValue;
  88.             featureSet.addFeature(newFeature)
  89.             /* 2.6调用地图编辑服务接口 */
  90.             //创建一个要素编辑服务对象
  91.             var editDocFeature = new Zondy.Service.EditDocFeature(
  92.                 'city',
  93.                 0,
  94.                 {
  95.                     ip:'localhost',
  96.                     port:'6163'
  97.                 }
  98.             )
  99.             editDocFeature.update(featureSet,onSuccess)
  102.         }
  103.         function onSuccess(data) {
  104.             if (data.succeed) {
  105.                 alert('更新成功')
  106.                 docLayer.refresh(); //重新加载地图文档
  107.             } else {
  108.                 alert('更新失败')
  109.             }
  110.         }
  111.     </script>
  112. </body>
  114. </html>

二、修改点

  1. <!DOCTYPE html>
  2. <html lang="en">
  4.   <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9.     <!-- 1、加载ol库 -->
  10.     <script src="../lib/include-openlayers-local.js"></script>
  11.     <script src="../js/Gaode.js"></script>
  12.   </head>
  14.   <body>
  15.     <!-- 2、创建地图容器 -->
  16.     <button onclick="updatePoint()">修改上海到东海</button>
  17.     <div id="map_container">
  19.     </div>
  20.     <!-- 3、实例化对象 -->
  22.     <script>
  23.       const docLayer = new Zondy.Map.Doc('', 'city', {
  24.         ip: 'localhost',
  25.         port: 6163
  26.       })
  27.       const map = new ol.Map({
  28.         target: 'map_container',
  29.         layers: [gaode, docLayer],
  30.         view: new ol.View({
  31.           projection: 'EPSG:4326',
  32.           center: [114, 30],
  33.           zoom: 4
  34.         })
  35.       })
  36.       /* 添加一个点到数据库 */
  37.       function updatePoint() {
  38.         /* 2.1构建几何信息 */
  39.         /* 创建一个点形状,描述点形状的几何信息 */
  40.         var gpoint = new Zondy.Object.GPoint(130, 30.40) // 修改位置
  41.         /* 设置当前点要素的几何信息 */
  42.         var fGeom = new Zondy.Object.FeatureGeometry({
  43.           PntGeom: [gpoint]
  44.         })
  45.         /* 2.2 设置样式信息 */
  46.         var pointInfo = new Zondy.Object.CPointInfo({
  47.           Angle: 0,
  48.           Color: 8,  //子图的颜色
  49.           Space: 0,
  50.           SymHeight: 5, //点的高度
  51.           SymID: 31,
  52.           SymWidth: 5 //点的宽度
  53.         })
  54.         /* 设置当点要素的图形参数信息 */
  55.         var webGraphicInfo = new Zondy.Object.WebGraphicsInfo({
  56.           InfoType: 1, //点
  57.           PntInfo: pointInfo
  58.         })
  59.         /* 2.3 设置属性信息 */
  60.         /* 设置添加点要素的属性信息 */
  61.         var attValue = ['东海', '1005']
  62.         /* 2.4  构建要素对象 */
  63.         var feature = new Zondy.Object.Feature({
  64.           fGeom: fGeom, //坐标--几何信息
  65.           GraphicInfo: webGraphicInfo, //样式信息
  66.           AttValue: attValue //属性
  67.         })
  68.         /* 设置要素为点要素 
  69.         点 -->1
  70.         线 -->2
  71.         面 -->3
  72.         */
  73.         feature.setFType(1)
  74.         feature.setFID(15) //++
  75.         /* 2.5 设置要素集 */
  76.         //创建一个要素数据集
  77.         var featureSet = new Zondy.Object.FeatureSet()
  78.         /* 设置属性结构 */
  79.         var cAttStruct = new Zondy.Object.CAttStruct({
  80.           FldName: ['name', 'id'], //属性的字段名
  81.           FldNumber: 2, //属性的个数
  82.           FldType: ['string', 'string'] //属性的类型
  83.         })
  84.         featureSet.AttStruct = cAttStruct
  85.         /* 添加要素到要素数据集 */
  86.         featureSet.addFeature(feature)
  87.         /* 2.6 调用编辑服务接口 */
  88.         /* 
  89.         创建一个编辑服务类 
  90.         第一个参数：服务的名称 第二参数：图层的名称
  91.         */
  92.         var editService = new Zondy.Service.EditDocFeature('city', 2, {
  93.           ip: 'localhost',
  94.           port: '6163' //访问IGServer的端口号, .net为6163,Java为8089
  95.         })
  96.         //执行添加点要素功能
  97.         editService.update(featureSet, onSuccess)
  98.       }
  100.       function onSuccess(data) {
  101.         if (data.succeed) {
  102.           alert('修改成功')
  103.           docLayer.refresh(); //重新加载地图文档
  104.         } else {
  105.           alert('修改失败')
  106.         }
  107.       }
  108.     </script>
  109.   </body>
  111. </html>

三、修改线

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>Document</title>
  9.     <!-- 1、加载ol库 -->
  10.     <script src="../lib/include-openlayers-local.js"></script>
  11.     <script src="../js/Gaode.js"></script>
  12. </head>
  14. <body>
  15.     <!-- 2、创建地图容器 -->
  16.     <button onclick="updateLine()">修改</button>
  17.     <div id="map_container">
  19.     </div>
  20.     <!-- 3、实例化对象 -->
  22.     <script>
  23.         const docLayer = new Zondy.Map.Doc('', 'city', {
  24.             ip: 'localhost',
  25.             port: 6163
  26.         })
  27.         const map = new ol.Map({
  28.             target: 'map_container',
  29.             layers: [gaode, docLayer],
  30.             view: new ol.View({
  31.                 projection: 'EPSG:4326',
  32.                 center: [114, 30],
  33.                 zoom: 4
  34.             })
  35.         })
  36.         /* 添加一个线到数据库 */
  37.         function updateLine(){
  38.             /* 2.1 构建几何信息 */
  39.             var pointObj = []
  40.             pointObj[0] = new Zondy.Object.Point2D(114,30);
  41.             pointObj[1] = new Zondy.Object.Point2D(118,20);  //修改
  42.             /* 构成折线的弧度 */
  43.             var gArc = new Zondy.Object.Arc(pointObj);
  44.             /* 构成线的折线 */
  45.             var gAnyLine = new Zondy.Object.AnyLine([gArc])
  46.             /* 设置线要素的几何信息 */
  47.             var gLine = new Zondy.Object.GLine(gAnyLine)
  48.             /* 设置要素的几何信息 */
  49.             var fGeom = new Zondy.Object.FeatureGeometry({LinGeom:[gLine]})
  50.             /* 2.2 设置而样式信息 */
  51.             //设置添加线要素的图形参数信息
  52.             var clineInfo =  new Zondy.Object.CLineInfo({
  53.                 Color:1, //子图的颜色号
  54.                 LinStyleID:0,
  55.                 LinStyleID2:19,
  56.                 LinWidth:0.1, //线宽
  57.                 Xscale:10,
  58.                 Yscale:10
  59.             })
  60.             //设置要素的图形参数
  61.             var graphicInfo = new Zondy.Object.WebGraphicsInfo({
  62.                 InfoType:2, //线
  63.                 LinInfo:clineInfo
  64.             })
  65.             /* 2.3 设置属性信息 */
  66.             var attValue = ['武广线',1289]
  67.             /* 2.4  构建要素类*/
  68.             //创建一个线要素
  69.             var newFeature = new Zondy.Object.Feature({
  70.                 fGeom:fGeom,
  71.                 GraphicInfo:graphicInfo,
  72.                 AttValue:attValue
  73.             })
  74.             //设置要为线要素
  75.             newFeature.setFType(2)
  76.             newFeature.setFID(5)
  77.             /* 2.5 设置要素集 */
  78.             //创建一个要素数据集
  79.             var featureSet = new Zondy.Object.FeatureSet();
  80.             //创建属性结构设置对象
  81.             var cAttStruct = new Zondy.Object.CAttStruct({
  82.                 FldName:['name','length'],
  83.                 FldNumber:2,
  84.                 FldType:['string','double ']
  85.             })
  86.             //设置要素数据集的属性结构
  87.             featureSet.AttStruct = cAttStruct;
  88.             //将添加的线要素添加到属性数据集中
  89.             featureSet.addFeature(newFeature);
  90.             /* 2.6 调用地图编辑服务接口 */
  91.             //创建一个地图编辑对象
  92.             var editDocFeature = new Zondy.Service.EditDocFeature('city',1,{
  93.                 ip:'localhost',
  94.                 port:'6163'
  95.             })
  96.             editDocFeature.update(featureSet,onSuccess)
  97.         }
  98.         function onSuccess(data) {
  99.             if (data.succeed) {
  100.                 alert('修改成功')
  101.                 docLayer.refresh(); //重新加载地图文档
  102.             } else {
  103.                 alert('修改失败')
  104.             }
  105.         }
  106.     </script>
  107. </body>
  109. </html>