@supermapgis/iclient-ol 11.1.2

package/overlay/vectortile/olExtends.js

@@ -0,0 +1,382 @@
+/* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
+ * 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 '../../core/Util';
+ import LineString from 'ol/geom/LineString';
+ 
+ export var olExtends = function(targetMap) {
+     //解决olms.js插件，在使用ol.js时沿线标注不显示的问题，因为ol.geom.LineString.getFlatMidpoint未非公开方法
+     if (!LineString.prototype.getFlatMidpoint) {
+         LineString.prototype.getFlatMidpoint = function() {
+             return this.getCoordinateAt(0.5);
+         };
+     }
+     
+     if (Util.getOlVersion() === '4' && window && window.ol && window.ol.geom.flat) {
+         // for ol4-debug
+         window.targetMapCache = targetMap;
+         let ol = window.ol;
+         //解决 new ol.format.MVT({featureClass: ol.Feature})时，非3857显示异常的问题。ol即将发布的5.0版本已解决。
+         // eslint-disable-next-line no-unused-vars
+         ol.format.MVT.prototype.readProjection = function(source) {
+             return new ol.proj.Projection({
+                 code: '',
+                 units: ol.proj.Units.TILE_PIXELS
+             });
+         };
+         //解决 new ol.format.MVT({featureClass: ol.Feature})时，非3857显示异常的问题。ol即将发布的5.0版本已解决。
+         // eslint-disable-next-line no-unused-vars
+         ol.format.MVT.prototype.readProjection = function(source) {
+             return new ol.proj.Projection({
+                 code: '',
+                 units: ol.proj.Units.TILE_PIXELS
+             });
+         };
+         //解决面填充时不能整版填充的问题。ol即将发布的5.0版本已解决。
+         // eslint-disable-next-line no-unused-vars
+         ol.render.canvas.Replay.prototype.applyFill = function(state, geometry) {
+             var fillStyle = state.fillStyle;
+             var fillInstruction = [ol.render.canvas.Instruction.SET_FILL_STYLE, fillStyle];
+             if (typeof fillStyle !== 'string') {
+                 var viewExtent = window.targetMapCache
+                     .getView()
+                     .getProjection()
+                     .getExtent();
+                 fillInstruction.push([viewExtent[0], viewExtent[3]]);
+             }
+             this.instructions.push(fillInstruction);
+         };
+         //解决面填充时不能整版填充的问题。ol即将发布的5.0版本已解决。
+         // eslint-disable-next-line no-unused-vars
+         ol.render.canvas.Replay.prototype.applyFill = function(state, geometry) {
+             var fillStyle = state.fillStyle;
+             var fillInstruction = [ol.render.canvas.Instruction.SET_FILL_STYLE, fillStyle];
+             if (typeof fillStyle !== 'string') {
+                 var viewExtent = window.targetMapCache
+                     .getView()
+                     .getProjection()
+                     .getExtent();
+                 fillInstruction.push([viewExtent[0], viewExtent[3]]);
+             }
+             this.instructions.push(fillInstruction);
+         };
+         //解决在多面时，第一个面是逆时针时无法显示的问题。该问题由组件修复。
+         ol.format.MVT.prototype.createFeature_ = function(pbf, rawFeature, opt_options) {
+             var type = rawFeature.type;
+             if (type === 0) {
+                 return null;
+             }
+ 
+             var feature;
+             var id = rawFeature.id;
+             var values = rawFeature.properties;
+             values[this.layerName_] = rawFeature.layer.name;
+ 
+             var flatCoordinates = [];
+             var ends = [];
+             ol.format.MVT.readRawGeometry_(pbf, rawFeature, flatCoordinates, ends);
+ 
+             var geometryType = ol.format.MVT.getGeometryType_(type, ends.length);
+ 
+             if (this.featureClass_ === ol.render.Feature) {
+                 feature = new this.featureClass_(geometryType, flatCoordinates, ends, values, id);
+             } else {
+                 var geom;
+                 if (geometryType == ol.geom.GeometryType.POLYGON) {
+                     var endss = [];
+                     var offset = 0;
+                     var prevEndIndex = 0;
+                     for (var i = 0, ii = ends.length; i < ii; ++i) {
+                         var end = ends[i];
+                         if (!ol.geom.flat.orient.linearRingIsClockwise(flatCoordinates, offset, end, 2)) {
+                             endss.push(ends.slice(prevEndIndex, i + 1));
+                             prevEndIndex = i + 1;
+                         }
+                         offset = end;
+                     }
+                     if (endss.length > 1) {
+                         ends = endss;
+                         geom = new ol.geom.MultiPolygon(null);
+                     } else {
+                         geom = new ol.geom.Polygon(null);
+                     }
+                 } else {
+                     geom =
+                         geometryType === ol.geom.GeometryType.POINT
+                             ? new ol.geom.Point(null)
+                             : geometryType === ol.geom.GeometryType.LINE_STRING
+                             ? new ol.geom.LineString(null)
+                             : geometryType === ol.geom.GeometryType.POLYGON
+                             ? new ol.geom.Polygon(null)
+                             : geometryType === ol.geom.GeometryType.MULTI_POINT
+                             ? new ol.geom.MultiPoint(null)
+                             : geometryType === ol.geom.GeometryType.MULTI_LINE_STRING
+                             ? new ol.geom.MultiLineString(null)
+                             : null;
+                 }
+                 if (geom) {
+                     geom.setFlatCoordinates(ol.geom.GeometryLayout.XY, flatCoordinates, ends);
+                     feature = new this.featureClass_();
+                     if (this.geometryName_) {
+                         feature.setGeometryName(this.geometryName_);
+                     }
+                     var geometry = ol.format.Feature.transformWithOptions(geom, false, this.adaptOptions(opt_options));
+                     feature.setGeometry(geometry);
+                     feature.setId(id);
+                     feature.setProperties(values);
+                 }
+             }
+ 
+             return feature;
+         };
+         //解决中文沿线表述显示不符合中文阅读习惯的问题
+         ol.geom.flat.textpath.lineString = function(
+             flatCoordinates,
+             offset,
+             end,
+             stride,
+             text,
+             measure,
+             startM,
+             maxAngle
+         ) {
+             var result = [];
+ 
+             // Keep text upright
+             var anglereverse = Math.atan2(
+                 flatCoordinates[end - stride + 1] - flatCoordinates[offset + 1],
+                 flatCoordinates[end - stride] - flatCoordinates[offset]
+             );
+             var reverse = anglereverse < -0.785 || anglereverse > 2.356; //0.785//2.356
+             var isRotateUp =
+                 (anglereverse < -0.785 && anglereverse > -2.356) || (anglereverse > 0.785 && anglereverse < 2.356);
+ 
+             var numChars = text.length;
+ 
+             var x1 = flatCoordinates[offset];
+             var y1 = flatCoordinates[offset + 1];
+             offset += stride;
+             var x2 = flatCoordinates[offset];
+             var y2 = flatCoordinates[offset + 1];
+             var segmentM = 0;
+             var segmentLength = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+ 
+             while (offset < end - stride && segmentM + segmentLength < startM) {
+                 x1 = x2;
+                 y1 = y2;
+                 offset += stride;
+                 x2 = flatCoordinates[offset];
+                 y2 = flatCoordinates[offset + 1];
+                 segmentM += segmentLength;
+                 segmentLength = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+             }
+             var interpolate = (startM - segmentM) / segmentLength;
+             var x0 = ol.math.lerp(x1, x2, interpolate); //起始点
+             var y0 = ol.math.lerp(y1, y2, interpolate); //起始点
+ 
+             var chunk = '';
+             var chunkLength = 0;
+             var data, index, previousAngle, previousLang;
+             for (var i = 0; i < numChars; ++i) {
+                 index = reverse ? numChars - i - 1 : i;
+                 var char = text.charAt(index);
+                 var charcode = char.charCodeAt(0);
+                 var ischinese = charcode >= 19968 && charcode <= 40907;
+                 chunk = reverse ? char + chunk : chunk + char;
+                 var charLength = measure(chunk) - chunkLength;
+                 chunkLength += charLength;
+                 //var charM = startM + charLength / 2;
+                 while (
+                     offset < end - stride &&
+                     Math.sqrt(Math.pow(x2 - x0, 2) + Math.pow(y2 - y0, 2)) < charLength / 2
+                 ) {
+                     x1 = x2;
+                     y1 = y2;
+                     offset += stride;
+                     x2 = flatCoordinates[offset];
+                     y2 = flatCoordinates[offset + 1];
+                 }
+                 var a = Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2);
+                 var b = 2 * (x2 - x1) * (x1 - x0) + 2 * (y2 - y1) * (y1 - y0);
+                 var c = Math.pow(x1 - x0, 2) + Math.pow(y1 - y0, 2) - Math.pow(charLength / 2, 2);
+                 var scale1 = (-b + Math.sqrt(b * b - 4 * a * c)) / (2 * a);
+                 var scale2 = (-b - Math.sqrt(b * b - 4 * a * c)) / (2 * a);
+                 interpolate =
+                     scale1 < 0 || scale1 > 1
+                         ? scale2
+                         : scale2 < 0 || scale2 > 1
+                         ? scale1
+                         : scale1 < scale2
+                         ? scale2
+                         : scale1;
+                 var x = ol.math.lerp(x1, x2, interpolate);
+                 var y = ol.math.lerp(y1, y2, interpolate);
+ 
+                 while (offset < end - stride && Math.sqrt(Math.pow(x2 - x, 2) + Math.pow(y2 - y, 2)) < charLength / 2) {
+                     x1 = x2;
+                     y1 = y2;
+                     offset += stride;
+                     x2 = flatCoordinates[offset];
+                     y2 = flatCoordinates[offset + 1];
+                 }
+                 a = Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2);
+                 b = 2 * (x2 - x1) * (x1 - x) + 2 * (y2 - y1) * (y1 - y);
+                 c = Math.pow(x1 - x, 2) + Math.pow(y1 - y, 2) - Math.pow(charLength / 2, 2);
+                 scale1 = (-b + Math.sqrt(b * b - 4 * a * c)) / (2 * a);
+                 scale2 = (-b - Math.sqrt(b * b - 4 * a * c)) / (2 * a);
+                 interpolate =
+                     scale1 < 0 || scale1 > 1
+                         ? scale2
+                         : scale2 < 0 || scale2 > 1
+                         ? scale1
+                         : scale1 < scale2
+                         ? scale2
+                         : scale1;
+                 var x3 = ol.math.lerp(x1, x2, interpolate);
+                 var y3 = ol.math.lerp(y1, y2, interpolate);
+                 var angle = Math.atan2(y3 - y0, x3 - x0);
+ 
+                 if (reverse) {
+                     angle += angle > 0 ? -Math.PI : Math.PI;
+                 }
+                 if (ischinese && isRotateUp) {
+                     angle += angle > 0 ? -Math.PI / 2 : Math.PI / 2;
+                 }
+                 if (previousAngle !== undefined) {
+                     var delta = angle - previousAngle;
+                     delta += delta > Math.PI ? -2 * Math.PI : delta < -Math.PI ? 2 * Math.PI : 0;
+                     if (
+                         ischinese === previousLang
+                             ? Math.abs(delta) > maxAngle
+                             : Math.abs(delta) > maxAngle + Math.PI / 2
+                     ) {
+                         return null;
+                     }
+                 }
+ 
+                 if (previousAngle == angle && !isRotateUp) {
+                     if (reverse) {
+                         data[0] = x;
+                         data[1] = y;
+                         data[2] = charLength / 2;
+                     }
+                     data[4] = chunk;
+                 } else {
+                     chunk = char;
+                     chunkLength = charLength;
+                     data = [x, y, charLength / 2, angle, chunk];
+                     if (reverse) {
+                         result.unshift(data);
+                     } else {
+                         result.push(data);
+                     }
+                     previousAngle = angle;
+                     previousLang = ischinese;
+                 }
+                 x0 = x3;
+                 y0 = y3;
+                 startM += charLength;
+             }
+             return result;
+         };
+         //以下两个方法解决在大数据量图斑时，内存疯长的问题。该改法引发新问题:无法点选要素
+         ol.layer.VectorTile.prototype.setFastRender = function(fastRender) {
+             return (this.fastRender = fastRender);
+         };
+         ol.renderer.canvas.VectorTileLayer.prototype.postCompose = function(context, frameState, layerState) {
+             var layer = this.getLayer();
+             var declutterReplays = layer.getDeclutter() ? {} : null;
+             var source = /** @type {ol.source.VectorTile} */ (layer.getSource());
+             var renderMode = layer.getRenderMode();
+             var replayTypes = ol.renderer.canvas.VectorTileLayer.VECTOR_REPLAYS[renderMode];
+             var pixelRatio = frameState.pixelRatio;
+             var rotation = frameState.viewState.rotation;
+             var size = frameState.size;
+             var offsetX, offsetY;
+             if (rotation) {
+                 offsetX = Math.round((pixelRatio * size[0]) / 2);
+                 offsetY = Math.round((pixelRatio * size[1]) / 2);
+                 ol.render.canvas.rotateAtOffset(context, -rotation, offsetX, offsetY);
+             }
+             if (declutterReplays) {
+                 this.declutterTree_.clear();
+             }
+             var tiles = this.renderedTiles;
+             var tileGrid = source.getTileGridForProjection(frameState.viewState.projection);
+             var clips = [];
+             var zs = [];
+             for (var i = tiles.length - 1; i >= 0; --i) {
+                 var tile = /** @type {ol.VectorImageTile} */ (tiles[i]);
+                 if (tile.getState() == ol.TileState.ABORT) {
+                     continue;
+                 }
+                 var tileCoord = tile.tileCoord;
+                 var worldOffset =
+                     tileGrid.getTileCoordExtent(tileCoord)[0] - tileGrid.getTileCoordExtent(tile.wrappedTileCoord)[0];
+                 var transform = undefined;
+                 for (var t = 0, tt = tile.tileKeys.length; t < tt; ++t) {
+                     var sourceTile = tile.getTile(tile.tileKeys[t]);
+                     if (sourceTile.getState() == ol.TileState.ERROR) {
+                         continue;
+                     }
+                     var replayGroup = sourceTile.getReplayGroup(layer, tileCoord.toString());
+                     if (
+                         renderMode != ol.layer.VectorTileRenderType.VECTOR &&
+                         (!replayGroup || !replayGroup.hasReplays(replayTypes))
+                     ) {
+                         if (layer.fastRender === true) {
+                             sourceTile.replayGroups_ = {};
+                             sourceTile.features_ = [];
+                         }
+                         continue;
+                     }
+                     if (!transform) {
+                         transform = this.getTransform(frameState, worldOffset);
+                     }
+                     var currentZ = sourceTile.tileCoord[0];
+                     var currentClip = replayGroup.getClipCoords(transform);
+                     context.save();
+                     context.globalAlpha = layerState.opacity;
+                     // Create a clip mask for regions in this low resolution tile that are
+                     // already filled by a higher resolution tile
+                     for (var j = 0, jj = clips.length; j < jj; ++j) {
+                         var clip = clips[j];
+                         if (currentZ < zs[j]) {
+                             context.beginPath();
+                             // counter-clockwise (outer ring) for current tile
+                             context.moveTo(currentClip[0], currentClip[1]);
+                             context.lineTo(currentClip[2], currentClip[3]);
+                             context.lineTo(currentClip[4], currentClip[5]);
+                             context.lineTo(currentClip[6], currentClip[7]);
+                             // clockwise (inner ring) for higher resolution tile
+                             context.moveTo(clip[6], clip[7]);
+                             context.lineTo(clip[4], clip[5]);
+                             context.lineTo(clip[2], clip[3]);
+                             context.lineTo(clip[0], clip[1]);
+                             context.clip();
+                         }
+                     }
+                     replayGroup.replay(context, transform, rotation, {}, replayTypes, declutterReplays);
+                     context.restore();
+                     clips.push(currentClip);
+                     zs.push(currentZ);
+                 }
+             }
+             if (declutterReplays) {
+                 ol.render.canvas.ReplayGroup.replayDeclutter(declutterReplays, context, rotation);
+             }
+             if (rotation) {
+                 ol.render.canvas.rotateAtOffset(
+                     context,
+                     rotation,
+                     /** @type {number} */
+                     (offsetX),
+                     /** @type {number} */ (offsetY)
+                 );
+             }
+             ol.renderer.canvas.TileLayer.prototype.postCompose.apply(this, arguments);
+         };
+     }
+ };
+ window.olExtends = olExtends;
+ 

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@supermapgis/iclient-ol",
+  "description": "",
+  "version": "11.1.2",
+  "keywords": [
+    "SuperMap",
+    "OpenLayers"
+  ],
+  "main": "namespace.js",
+  "homepage": "https://iclient.supermap.io",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/SuperMap/iClient-JavaScript.git"
+  },
+  "author": "SuperMap",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@turf/turf": "6.5.0",
+    "mapv": "2.0.62",
+    "ol": "6.14.1",
+    "@supermapgis/iclient-common": "11.1.2",
+    "proj4": "2.9.0",
+    "canvg": "3.0.10",
+    "lodash.remove": "^4.7.0",
+    "lodash.difference": "^4.5.0",
+    "flatgeobuf": "3.31.1",
+    "rbush": "^2.0.2"
+  }
+}

package/services/AddressMatchService.js

@@ -0,0 +1,60 @@
+/* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
+ * 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 {ServiceBase} from './ServiceBase';
+import { AddressMatchService as CommonAddressMatchService } from '@supermapgis/iclient-common/iServer/AddressMatchService';
+import { Util as CommonUtil } from '@supermapgis/iclient-common/commontypes/Util';
+/**
+ * @class AddressMatchService
+ * @category  iServer AddressMatch
+ * @classdesc 地址匹配服务。
+ * @modulecategory Services
+ * @example
+ *      new AddressMatchService(url,options)
+ *      .code(function(result){
+ *          //doSomething
+ *      })
+ * @param {string} url - 服务地址。
+ * @param {Object} options - 参数。
+ * @param {string} [options.proxy] - 服务代理地址。
+ * @param {boolean} [options.withCredentials=false] - 请求是否携带 cookie。
+ * @param {boolean} [options.crossOrigin] - 是否允许跨域请求。
+ * @param {Object} [options.headers] - 请求头。
+ * @extends {ServiceBase}
+ * @usage
+ */
+export class AddressMatchService extends ServiceBase {
+
+    constructor(url, options) {
+        super(url, options);
+        this._addressMatchService = new CommonAddressMatchService(this.url, {
+          proxy: this.options.proxy,
+          withCredentials: this.options.withCredentials,
+          crossOrigin: this.options.crossOrigin,
+          headers: this.options.headers
+        });
+    }
+
+    /**
+     * @function AddressMatchService.prototype.code
+     * @description 获取正向地址匹配结果。
+     * @param {GeoCodingParameter} params - 正向匹配参数。
+     * @param {RequestCallback} [callback] 回调函数，该参数未传时可通过返回的promise 获取结果。
+     * @returns {Promise} Promise 对象。
+     */
+    code(params, callback) {
+        return this._addressMatchService.code(CommonUtil.urlPathAppend(this.url, 'geocoding'), params, callback);
+    }
+
+    /**
+     * @function AddressMatchService.prototype.decode
+     * @description 获取反向地址匹配结果。
+     * @param {GeoDecodingParameter} params - 反向匹配参数。
+     * @param {RequestCallback} [callback] 回调函数，该参数未传时可通过返回的promise 获取结果。
+     * @returns {Promise} Promise 对象。
+     */
+    decode(params, callback) {
+        return this._addressMatchService.decode(CommonUtil.urlPathAppend(this.url, 'geodecoding'), params, callback);
+    }
+
+}

package/services/ChartService.js

@@ -0,0 +1,74 @@
+/* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
+ * 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 '../core/Util';
+import { Bounds } from '@supermapgis/iclient-common/commontypes/Bounds';
+import {ServiceBase} from './ServiceBase';
+import { ChartService as CommonChartService } from '@supermapgis/iclient-common/iServer/ChartService';
+
+/**
+ * @class ChartService
+ * @category  iServer Map Chart
+ * @classdesc 海图服务。
+ * @modulecategory Services
+ * @extends {ServiceBase}
+ * @example
+ *      new ChartService(url).queryChart(param,function(result){
+ *          //doSomething
+ *      })
+ * @param {string} url - 服务地址。
+ * @param {Object} options - 参数。
+ * @param {string} [options.proxy] - 服务代理地址。
+ * @param {boolean} [options.withCredentials=false] - 请求是否携带 cookie。
+ * @param {boolean} [options.crossOrigin] - 是否允许跨域请求。
+ * @param {Object} [options.headers] - 请求头。
+ * @usage
+ */
+export class ChartService extends ServiceBase {
+
+    constructor(url, options) {
+        super(url, options);
+        this._chartService = new CommonChartService(url, options);
+    }
+
+    /**
+     * @function ChartService.prototype.queryChart
+     * @description 查询海图服务。
+     * @param {ChartQueryParameters} params - 海图查询所需参数类。
+     * @param {RequestCallback} [callback] 回调函数，该参数未传时可通过返回的promise 获取结果。
+     * @param {DataFormat} resultFormat - 返回结果类型。
+     * @returns {Promise} Promise 对象。
+     */
+    queryChart(params, callback, resultFormat) {
+      params = this._processParams(params);
+      return this._chartService.queryChart(params, callback, resultFormat);
+    }
+
+    /**
+     * @function ChartService.prototype.getChartFeatureInfo
+     * @description 获取海图物标信息服务。
+     * @param {RequestCallback} [callback] 回调函数，该参数未传时可通过返回的promise 获取结果。
+     * @returns {Promise} Promise 对象。
+     */
+    getChartFeatureInfo(callback) {
+      return this._chartService.getChartFeatureInfo(callback);
+    }
+
+    _processParams(params) {
+        if (!params) {
+            return {};
+        }
+        params.returnContent = (params.returnContent == null) ? true : params.returnContent;
+        if (params.filter) {
+            params.chartQueryFilterParameters = Util.isArray(params.filter) ? params.filter : [params.filter];
+        }
+        if (params.bounds) {
+            params.bounds = new Bounds(
+                params.bounds[0],
+                params.bounds[1],
+                params.bounds[2],
+                params.bounds[3]
+            );
+        }
+    }
+}

package/services/DataFlowService.js

@@ -0,0 +1,118 @@
+/* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
+ * 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 {ServiceBase} from './ServiceBase';
+import { DataFlowService as DataFlow } from '@supermapgis/iclient-common/iServer/DataFlowService';
+
+/**
+ * @class DataFlowService
+ * @category  iServer DataFlow
+ * @classdesc 数据流服务。
+ * @modulecategory Services
+ * @extends {ServiceBase}
+ * @example
+ *      new DataFlowService(url).queryChart(param,function(result){
+ *          //doSomething
+ *      })
+ * @param {string} url - 服务地址。
+ * @param {Object} options - 参数。
+ * @param {string} [options.proxy] - 服务代理地址。
+ * @param {boolean} [options.withCredentials=false] - 请求是否携带 cookie。
+ * @param {boolean} [options.crossOrigin] - 是否允许跨域请求。
+ * @param {Object} [options.headers] - 请求头。
+ * @param {GeoJSONObject} [options.geometry] - 指定几何范围，该范围内的要素才能被订阅。
+ * @param {Object} [options.excludeField] - 排除字段。
+ * @usage
+ */
+export class DataFlowService extends ServiceBase {
+
+    constructor(url, options) {
+        options = options || {};
+        if (options.projection) {
+            options.prjCoordSys = options.projection;
+        }
+        super(url, options);
+        this.dataFlow = new DataFlow(url, options);
+        this.dataFlow.events.on({
+            "broadcastSocketConnected": this._defaultEvent,
+            "broadcastSocketError": this._defaultEvent,
+            "broadcastFailed": this._defaultEvent,
+            "broadcastSucceeded": this._defaultEvent,
+            "subscribeSocketConnected": this._defaultEvent,
+            "subscribeSocketError": this._defaultEvent,
+            "messageSucceeded": this._defaultEvent,
+            "setFilterParamSucceeded": this._defaultEvent,
+            scope: this
+        });
+    }
+
+    /**
+     * @function DataFlowService.prototype.initBroadcast
+     * @description 初始化广播。
+     * @returns {DataFlowService}
+     */
+    initBroadcast() {
+        this.dataFlow.initBroadcast();
+        return this;
+    }
+
+    /**
+     * @function DataFlowService.prototype.broadcast
+     * @description 加载广播数据。
+     * @param {JSONObject} obj - JSON 格式的要素数据。
+     */
+    broadcast(obj) {
+        this.dataFlow.broadcast(obj);
+    }
+
+    /**
+     * @function DataFlowService.prototype.initSubscribe
+     * @description 初始化订阅数据。
+     */
+    initSubscribe() {
+        this.dataFlow.initSubscribe();
+        return this;
+    }
+
+    /**
+     * @function DataFlowService.prototype.setExcludeField
+     * @description 设置排除字段。
+     * @param {Object} excludeField - 排除字段。
+     */
+    setExcludeField(excludeField) {
+        this.dataFlow.setExcludeField(excludeField);
+        this.options.excludeField = excludeField;
+        return this;
+    }
+
+    /**
+     * @function DataFlowService.prototype.setGeometry
+     * @description 设置添加的几何要素数据。
+     * @param {GeoJSONObject} geometry - 指定几何范围，该范围内的要素才能被订阅。
+     */
+    setGeometry(geometry) {
+        this.dataFlow.setGeometry(geometry);
+        this.options.geometry = geometry;
+        return this;
+    }
+
+    /**
+     * @function DataFlowService.prototype.unSubscribe
+     * @description 结束订阅数据。
+     */
+    unSubscribe() {
+        this.dataFlow.unSubscribe();
+    }
+
+    /**
+     * @function DataFlowService.prototype.unBroadcast
+     * @description 结束加载广播。
+     */
+    unBroadcast() {
+        this.dataFlow.unBroadcast();
+    }
+
+    _defaultEvent(e) {
+        this.dispatchEvent({type: e.eventType || e.type, value: e});
+    }
+}