[update]海图S57和S101类型ChartSetting分开构造，水位查询改为查询最近的水位点，并新增时间过滤参数

Author: chenxianhuii

examples/leaflet/01_chartService.html

@@ -145,6 +145,7 @@
     "@supermapgis/iclient-common": "file:src/common",
     "@supermapgis/tile-decryptor": "^1.0.0",
     "@turf/center": "^7.2.0",
+    "@turf/distance": "^7.2.0",
     "@turf/meta": "^7.2.0",
     "@turf/turf": "7.2.0",
     "canvg": "^4.0.3",

examples/mapboxgl/01_chartService.html

@@ -11,7 +11,9 @@
  import { FeatureService } from './FeatureService';
  import { GetFeaturesBySQLParameters } from './GetFeaturesBySQLParameters';
  import { GetGridCellInfosParameters } from './GetGridCellInfosParameters';
- import { GetFeaturesByBoundsParameters } from './GetFeaturesByBoundsParameters';
+ import { GetFeaturesByBufferParameters } from './GetFeaturesByBufferParameters';
+ import { distance } from "@turf/distance";
+ import { Point } from '../commontypes/geometry/Point';
 
  /**
   * @class ChartService
@@ -196,20 +198,15 @@
           crossOrigin: me.options.crossOrigin,
           headers: me.options.headers
         });
-        var { dataSource, dataset, waterLevelDataset, timeDataset, bounds, timeIdKey } = params;
-        // 查询水位点
-        var boundsParam = new GetFeaturesByBoundsParameters({
-          ...params,
-          datasetNames: [dataSource + ':' + dataset],
-          bounds: bounds
-        });
-        return featureService.getFeaturesByBounds(boundsParam, callback).then(function (boundsResult) {
-          var stationFeature = boundsResult.result.features.features[0];
-          if(!stationFeature) {
+        var { dataSource, dataset, waterLevelDataset, timeDataset, coordinates, currentTime, startTime, endTime, timeIdKey } = params;
+        // 查询最近的水位点
+        var datasetNames = [dataSource + ':' + dataset];
+        return this.findNearestPointNew(coordinates, datasetNames).then(function (closestFeature) {
+          if (!closestFeature) {
             return null;
           }
-          var stationId = stationFeature.properties.STATIONID;
-          var cellId = stationFeature.properties.CELLID;
+          var stationId = closestFeature.properties.STATIONID;
+          var cellId = closestFeature.properties.CELLID;
           // 查询水位
           var waterLevelSqlParam = new GetFeaturesBySQLParameters({
             ...params,
@@ -246,7 +243,19 @@
                   feature.properties.TIMEPOINT = null;
                 }
               });
-              return { features: waterLevelResult.result.features, stationFeature };
+              // 过滤时间范围,也可考虑用attributeFilter过滤
+              if (currentTime || startTime || endTime) {
+                features = features.filter(feature => {
+                  const timepoint = feature.properties.TIMEPOINT;
+                  if (currentTime) {
+                    return timepoint === currentTime;
+                  }
+                  const afterStart = !startTime || timepoint >= startTime;
+                  const beforeEnd = !endTime || timepoint <= endTime;
+                  return afterStart && beforeEnd;
+                });
+              }
+              return { features, stationFeature: closestFeature };
             });
           });
         });
@@ -305,6 +314,35 @@
         });
       }
 
+      async findNearestPointNew(coordinates, datasetNames) {
+        const [x, y] = coordinates
+        if (x < -180.0 || x > 180.0 || y < -90 || y > 90){
+          return
+        }
+        const point = new Point([x, y])
+        const bufferParam = new GetFeaturesByBufferParameters({
+          datasetNames: datasetNames,
+          bufferDistance: 0.03,
+          geometry: point
+        })
+        const serviceResult = await new FeatureService(this.dataUrl).getFeaturesByBuffer(bufferParam)
+        if (serviceResult.result.features.features.length > 0) {
+          // 变量用于保存最近的点
+          let closestFeature = null
+          let minDistance = Infinity // 初始设置为最大距离
+          // 遍历所有的点数据，找出距离最近的点
+          serviceResult.result.features.features.forEach((pointData) => {
+            const dis = distance(coordinates, pointData.geometry.coordinates)
+            // 更新最近点
+            if (dis < minDistance) {
+              minDistance = dis
+              closestFeature = pointData
+            }
+          })
+          return closestFeature
+        } 
+      }
+
       _processFormat(resultFormat) {
           return (resultFormat) ? resultFormat : DataFormat.GEOJSON;
       }

examples/maplibregl/01_chartService.html

@@ -2,8 +2,6 @@
  * This program are made available under the terms of the Apache License, Version 2.0
  * which accompanies this distribution and is available at http://www.apache.org/licenses/LICENSE-2.0.html.*/
  import {Util} from '../commontypes/Util';
- import {Unit, DisplayModeChart, ColourModeChart } from '../REST';
-
 
  /**
   * @class ChartSetting
@@ -12,126 +10,27 @@
   * @classdesc 海图显示参数设置类，用于管理海图显示环境，包括海图的显示模式、显示类型名称、颜色模式、安全水深线等各种显示风格。更多内容介绍请参考[海图显示]{@link https://help.supermap.com/iDesktop/zh/tutorial/Chart/Visualization/ChartDisplaySetting}。
   * @version 11.2.0
   * @param {Object} options - 参数。
-  * @param {DisplayModeChart} [options.displayModeChart=DisplayModeChart.STANDARD] - 海图显示模式。
-  * @param {ColourModeChart} [options.colourModeChart=ColourModeChart.DAY_BRIGHT] - 海图显示的颜色模式。
-  * @param {string} [options.displayTypeName="S52"] - 海图显示类型的名称，如 "S52"、"IENC"、"INT"。
-  * @param {string} [options.fontName="Arial"] - 海图上显示文本的字体名称。
-  * @param {boolean} [options.simplifiedMarker=true] - 是否使用简单海图符号。
-  * @param {boolean} [options.symbolizedAreaBoundary=false] - 是否使用符号化的区域边界。
-  * @param {boolean} [options.displayTextMessage=false] - 是否在海图上显示文本信息。
-  * @param {boolean} [options.displaySounding=false] - 是否显示水深点。
-  * @param {boolean} [options.minVisibleScaleEnabled=true] - 物标的最小可见比例尺是否有效。
-  * @param {boolean} [options.localizationDisplayText=false] - 是否对文本进行本地化显示。
-  * @param {boolean} [options.displayMetaObject=false] - 是否显示元物标。
-  * @param {boolean} [options.displayCellName=false] - 是否显示图幅编号。
-  * @param {boolean} [options.displaySafetyContourLabel=true] - 是否显示安全等深线标注。
-  * @param {boolean} [options.displayBorder=false] - 是否显示图幅边框。
+  * @param {string} [options.chartType] - 海图显示类型，S57、S100。
   * @param {number} [options.safetyContour=30.0] - 安全等深线。单位以 depthUnit 设置的水深单位为准。
   * @param {number} [options.shallowContour=2.0] - 浅水等深线。单位以 depthUnit 设置的水深单位为准。
   * @param {number} [options.deepContour=30.0] - 深水等深线。单位以 depthUnit 设置的水深单位为准。
   * @param {number} [options.safetyDepth=30.0] - 安全水深值。单位以 depthUnit 设置的水深单位为准。
-  * @param {boolean} [options.displayOtherContourLabel=false] - 是否显示其他等深线标注，即安全水深线标注以外的标注。
-  * @param {boolean} [options.displayTwoShades=false] - 是否以两色模式显示水深面。
-  * @param {Unit} [options.depthUnit=Unit.METER] - 显示水深单位。目前仅支持DECIMETER、METER、FOOT。
-  * @param {number} [options.fontSize=10.0] - 图上文本显示字体的字号。
-  * @param {object} [options.displayableFeature] - 当前地图下所有物标类型是否可显示的对应关系。
-  * @param {object} [options.selectableFeature] - 当前地图下所有物标类型是否可选择的对应关系。
-  * @param {boolean} [options.textClipRegionEnabled=false] - 是否启用海图图层的文本显示裁剪区。
-  * @param {boolean} [options.displayLowAccurateMarker=true] - 是否显示低精度符号。
-  * @param {number} [options.displayScaleFactor] - 比例尺缩放。
-  * @param {object} [options.displayableAcronymClassify] - 物标分组是否可显示的对应关系。
-  * @param {boolean} [options.wlaEnable] - 设置是否开启WLA(Water Level Adjustment)，既使用地图中的S104分组中的数据集设置给S102数据更正水深显示。
-  * @param {boolean} [options.wlaDatetime] - 设置WLA(Water Level Adjustment)显示的时刻。时间格式为：yyyymmddThhmmssZ, 如20240224T000000Z，如果不符合格式则内部不解析
-  * @param {boolean} [options.s98InteroperableEnable] - 是否开启S98互操作。
-  * @param {number} [options.interoperabilityLevel=0] - 互操作级别，支持0，1。
   * @usage
   */
  export class ChartSetting {
 
      constructor(options) {
          /**
-          * @member {DisplayModeChart} [options.displayModeChart]
-          * @description 海图显示模式。
-          */
-         this.displayModeChart = DisplayModeChart.STANDARD;
-
-         /**
-          * @member {ColourModeChart} [options.colourModeChart]
-          * @description 海图显示的颜色模式。
+          * @member {string} [options.chartType]
+          * @description 海图显示类型，S57、S100。
           */
-         this.colourModeChart = ColourModeChart.DAY_BRIGHT;
+         this.chartType = null;
 
          /**
-          * @member {string} [options.displayTypeName]
-          * @description 海图显示类型的名称，如 "S52"、"IENC"、"INT"。
-          */
-         this.displayTypeName = "S52";
-
-         /**
-          * @member {string} [options.fontName]
-          * @description 海图上显示文本的字体名称。
-          */
-         this.fontName = "Arial";
-
-         /**
-          * @member {boolean} [options.simplifiedMarker]
-          * @description 是否使用简单海图符号。
-          */
-         this.simplifiedMarker = true;
-
-         /**
-          * @member {boolean} [options.symbolizedAreaBoundary]
-          * @description 是否使用简单海图符号。
-          */
-         this.symbolizedAreaBoundary = false;
-
-         /**
-          * @member {boolean} [options.displayTextMessage]
-          * @description 是否在海图上显示文本信息。
-          */
-         this.displayTextMessage = false;
-
-         /**
-          * @member {boolean} [options.displaySounding]
-          * @description 是否显示水深点。
-          */
-         this.displaySounding = false;
-
-         /**
-          * @member {boolean} [options.minVisibleScaleEnabled]
-          * @description 物标的最小可见比例尺是否有效。
-          */
-         this.minVisibleScaleEnabled = true;
-
-         /**
-          * @member {boolean} [options.localizationDisplayText]
-          * @description 是否对文本进行本地化显示。
-          */
-         this.localizationDisplayText = false;
-
-         /**
-          * @member {boolean} [options.displayMetaObject]
-          * @description 是否显示元物标。
-          */
-         this.displayMetaObject = false;
-
-         /**
-          * @member {boolean} [options.displayCellName]
-          * @description 是否显图幅编号。
-          */
-         this.displayCellName = false;
-
-         /**
-          * @member {boolean} [options.displaySafetyContourLabel]
-          * @description 是否显示安全等深线标注。
-          */
-         this.displaySafetyContourLabel = false;
-
-         /**
-          * @member {boolean} [options.displayBorder]
-          * @description 是否显示图幅边框
+          * @member {number} [options.safetyContour]
+          * @description 安全等深线。单位以 depthUnit 设置的水深单位为准。
           */
-         this.displayBorder = false;
+         this.safetyContour = 30.0;
 
          /**
           * @member {number} [options.safetyContour]
@@ -157,90 +56,6 @@
           */
          this.safetyDepth = 30.0;
 
-         /**
-          * @member {boolean} [options.displayOtherContourLabel]
-          * @description 是否显示其他等深线标注，即安全水深线标注以外的标注。
-          */
-         this.displayOtherContourLabel = false;
-
-         /**
-          * @member {boolean} [options.displayTwoShades]
-          * @description 是否以两色模式显示水深面。
-          */
-         this.displayTwoShades = false;
-
-         /**
-          * @member {Unit} [options.depthUnit]
-          * @description 显示水深单位。
-          */
-         this.depthUnit = Unit.METER;
-
-         /**
-          * @member {number} [options.fontSize]
-          * @description 图上文本显示字体的字号。
-          */
-         this.fontSize = 10.0;
-
-         /**
-          * @member {object} [options.displayableFeature]
-          * @description 当前地图下所有物标类型是否可显示的对应关系。
-          */
-         this.displayableFeature = null;
-
-         /**
-          * @member {object} [options.selectableFeature]
-          * @description 当前地图下所有物标类型是否可选择的对应关系。
-          */
-         this.selectableFeature = null;
-
-         /**
-          * @member {boolean} [options.textClipRegionEnabled]
-          * @description 是否启用海图图层的文本显示裁剪区。
-          */
-         this.textClipRegionEnabled = false;
-
-         /**
-          * @member {boolean} [options.displayLowAccurateMarker=true]
-          * @description 是否显示低精度符号。
-          */
-         this.displayLowAccurateMarker = true;
-
-         /**
-          * @member {boolean} [options.displayScaleFactor]
-          * @description 比例尺缩放。
-          */
-         this.displayScaleFactor = 0.05;
-
-         /**
-          * @member {object} [options.displayableAcronymClassify]
-          * @description 物标分组是否可显示的对应关系。
-          */
-         this.displayableAcronymClassify = null;
-
-         /**
-          * @member {boolean} [options.wlaEnable]
-          * @description 是否开启WLA(Water Level Adjustment)，既使用地图中的S104分组中的数据集设置给S102数据更正水深显示。
-          */
-         this.wlaEnable = false;
-
-         /**
-          * @member {string} [options.wlaDatetime]
-          * @description 设置WLA(Water Level Adjustment)显示的时刻。时间格式为：yyyymmddThhmmssZ, 如20240224T000000Z，如果不符合格式则内部不解析。
-          */
-         this.wlaDatetime = null;
-
-         /**
-          * @member {boolean} [options.s98InteroperableEnable]
-          * @description 是否开启S98互操作。
-          */
-         this.s98InteroperableEnable = false;
-
-         /**
-          * @member {number} [options.interoperabilityLevel]
-          * @description 互操作等级。
-          */
-         this.interoperabilityLevel = null;
- 
          if (options) {
              Util.extend(this, options);
          }
@@ -253,38 +68,11 @@
       * @description 释放资源，将引用资源的属性置空。
       */
      destroy() {
-      this.displayModeChart = null;
-      this.colourModeChart = null;
-      this.displayTypeName = null;
-      this.fontName = null;
-      this.simplifiedMarker = null;
-      this.symbolizedAreaBoundary = null;
-      this.displayTextMessage = null;
-      this.displaySounding = null;
-      this.minVisibleScaleEnabled = null;
-      this.localizationDisplayText = null;
-      this.displayMetaObject = null;
-      this.displayCellName = null;
-      this.displaySafetyContourLabel = null;
-      this.displayBorder = null;
+      this.chartType = null;
       this.safetyContour = null;
       this.shallowContour = null;
       this.deepContour = null;
       this.safetyDepth = null;
-      this.displayOtherContourLabel = null;
-      this.displayTwoShades = null;
-      this.depthUnit = null;
-      this.fontSize = null;
-      this.displayableFeature = null;
-      this.selectableFeature = null;
-      this.textClipRegionEnabled = null;
-      this.displayLowAccurateMarker = null;
-      this.displayScaleFactor = null;
-      this.displayableAcronymClassify = null;
-      this.s98InteroperableEnable = null;
-      this.interoperabilityLevel = null;
-      this.wlaEnable = null;
-      this.wlaDatetime = null;
      }
  }