优化例子

songyumeng · songyumeng · commit ca12a5254329 · 2018-07-04T17:24:59.000+08:00
diff --git a/dist/mapboxgl/iclient9-mapboxgl-es6.js b/dist/mapboxgl/iclient9-mapboxgl-es6.js
@@ -67345,12 +67345,11 @@ class services_DataFlowService_DataFlowService extends ServiceBase_ServiceBase {
 
 
     constructor(url, options) {
-        super(url, options);
         options = options || {};
         if (options.projection) {
-            this.options.prjCoordSys = options.projection;
+            options.prjCoordSys = options.projection;
         }
-        ServiceBase_ServiceBase.call(this, url, options);
+        super(url, options);
         this.dataFlow = new DataFlowService_DataFlowService(url, options);
         this.dataFlow.events.on({
             "broadcastSocketConnected": this._defaultEvent,
diff --git a/dist/mapboxgl/iclient9-mapboxgl-es6.min.js b/dist/mapboxgl/iclient9-mapboxgl-es6.min.js
diff --git a/dist/mapboxgl/iclient9-mapboxgl.js b/dist/mapboxgl/iclient9-mapboxgl.js
@@ -55703,13 +55703,13 @@ var DataFlowService = exports.DataFlowService = function (_ServiceBase) {
     function DataFlowService(url, options) {
         _classCallCheck(this, DataFlowService);
 
-        var _this = _possibleConstructorReturn(this, (DataFlowService.__proto__ || Object.getPrototypeOf(DataFlowService)).call(this, url, options));
-
         options = options || {};
         if (options.projection) {
-            _this.options.prjCoordSys = options.projection;
+            options.prjCoordSys = options.projection;
         }
-        _ServiceBase2.ServiceBase.call(_this, url, options);
+
+        var _this = _possibleConstructorReturn(this, (DataFlowService.__proto__ || Object.getPrototypeOf(DataFlowService)).call(this, url, options));
+
         _this.dataFlow = new _iclientCommon.DataFlowService(url, options);
         _this.dataFlow.events.on({
             "broadcastSocketConnected": _this._defaultEvent,
diff --git a/dist/mapboxgl/iclient9-mapboxgl.min.js b/dist/mapboxgl/iclient9-mapboxgl.min.js
diff --git a/examples/js/include-web.js b/examples/js/include-web.js
@@ -136,6 +136,7 @@
         }
         if (inArray(includes, 'sticklr')) {
             inputCSS("http://iclient.supermap.io/libs/iclient8c/examples/css/jquery-sticklr.css");
+            inputCSS("http://iclient.supermap.io/libs/iclient8c/examples/css/icon.css");
         }
         if (inArray(includes, 'responsive')) {
             inputCSS("http://iclient.supermap.io/libs/iclient8c/examples/css/bootstrap-responsive.min.css");
diff --git a/examples/openlayers/mvtVectorLayer4326.html b/examples/openlayers/mvtVectorLayer4326.html
@@ -4,7 +4,11 @@
     <meta charset="UTF-8">
     <title data-i18n="resources.title_mvtVectorLayer4326"></title>
     <script type="text/javascript" src="../js/include-web.js"></script>
-    <script type="text/javascript" src="../../dist/openlayers/include-openlayers.js"></script>
+    <!--<script type="text/javascript" src="../../dist/include-openlayers.js"></script>-->
+    <link href="https://cdn.bootcss.com/openlayers/4.6.5/ol-debug.css" rel="stylesheet">
+    <!--当前示例使用 ol-debug 原因：ol.format.MVT 默认坐标系为 3857，最新代码未更新该默认设置，需使用ol-debug，设置 defaultDataProjection 参数，以支持4326底图-->
+    <script src="https://cdn.bootcss.com/openlayers/4.6.5/ol-debug.js"></script>
+    <script type="text/javascript" src="../../dist/openlayers/iclient9-openlayers.min.js"></script>
 </head>
 <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%">
 <div id="map" style="margin:0 auto;width: 100%;height: 100%;border: 1px solid #dddddd"></div>
@@ -27,7 +31,11 @@
         }
         var vectorTileStyles = new ol.supermap.VectorTileStyles(stylesOptions);
         var vectorTileOptions = ol.source.VectorTileSuperMapRest.optionsFromMapJSON(url, serviceResult.result);
-        vectorTileOptions.format = new ol.format.MVT();
+        vectorTileOptions.format = new ol.format.MVT({featureClass: ol.Feature});
+        vectorTileOptions.format.defaultDataProjection = new ol.proj.Projection({
+            code: 'EPSG:4326',
+            units: ol.proj.Units.TILE_PIXELS
+        });
         var vectorLayer = new ol.layer.VectorTile({
             //设置避让参数
             declutter: true,
diff --git a/src/mapboxgl/services/DataFlowService.js b/src/mapboxgl/services/DataFlowService.js
@@ -24,12 +24,11 @@ export class DataFlowService extends ServiceBase {
 
 
     constructor(url, options) {
-        super(url, options);
         options = options || {};
         if (options.projection) {
-            this.options.prjCoordSys = options.projection;
+            options.prjCoordSys = options.projection;
         }
-        ServiceBase.call(this, url, options);
+        super(url, options);
         this.dataFlow = new DataFlow(url, options);
         this.dataFlow.events.on({
             "broadcastSocketConnected": this._defaultEvent,

Original file line number	Diff line number	Diff line change
`@@ -136,6 +136,7 @@`
`136`	`136`	`}`
`137`	`137`	`if (inArray(includes, 'sticklr')) {`
`138`	`138`	`inputCSS("http://iclient.supermap.io/libs/iclient8c/examples/css/jquery-sticklr.css");`
	`139`	`+ inputCSS("http://iclient.supermap.io/libs/iclient8c/examples/css/icon.css");`
`139`	`140`	`}`
`140`	`141`	`if (inArray(includes, 'responsive')) {`
`141`	`142`	`inputCSS("http://iclient.supermap.io/libs/iclient8c/examples/css/bootstrap-responsive.min.css");`