【fix】 修复SecurityManage API问题 修复openlayers mapv webgl绘制时的偏移问题 review by qiwei

Author: songyumeng

dist/openlayers/iclient9-openlayers-es6.js

@@ -20,6 +20,7 @@ export class SecurityManager {
 
     /**
      * @description 从服务器获取一个token,在此之前要注册服务器信息。
+     * @function SuperMap.SecurityManager.generateToken
      * @param {string} url - 服务器域名+端口，如：http://localhost:8092。
      * @param {SuperMap.TokenServiceParameter} tokenParam - token 申请参数。
      * @returns {Promise} 返回包含 token 信息的 Promise 对象。
@@ -37,6 +38,7 @@ export class SecurityManager {
 
     /**
      * @description 注册安全服务器相关信息。
+     * @function SuperMap.SecurityManager.registerServers
      * @param {SuperMap.ServerInfo} serverInfos - 服务器信息。
      */
     static registerServers(serverInfos) {
@@ -52,6 +54,7 @@ export class SecurityManager {
 
     /**
      * @description 服务请求都会自动带上这个 token。
+     * @function SuperMap.SecurityManager.registerToken
      * @param {string} url -服务器域名+端口：如http://localhost:8090。
      * @param {string} token - token
      */
@@ -66,6 +69,7 @@ export class SecurityManager {
 
     /**
      * @description 注册 key,ids 为数组(存在一个 key 对应多个服务)。
+     * @function SuperMap.SecurityManager.registerKey
      * @param {Array} ids - 可以是服务 id 数组或者 url 地址数组或者 webAPI 类型数组。
      * @param {string} key - key
      */
@@ -84,6 +88,7 @@ export class SecurityManager {
 
     /**
      * @description 获取服务器信息。
+     * @function SuperMap.SecurityManager.getServerInfo
      * @param {string} url - 服务器域名+端口，如：http://localhost:8092。
      * @returns {SuperMap.ServerInfo} 服务器信息。
      */
@@ -94,6 +99,7 @@ export class SecurityManager {
 
     /**
      * @description 根据 Url 获取token。
+     * @function SuperMap.SecurityManager.getToken
      * @param {string} url - 服务器域名+端口，如：http://localhost:8092。
      * @returns {string} token
      */
@@ -108,6 +114,7 @@ export class SecurityManager {
 
     /**
      * @description 根据 Url 获取 key。
+     * @function SuperMap.SecurityManager.getKey
      * @param {string} id - id
      * @returns {string} key
      */
@@ -119,6 +126,7 @@ export class SecurityManager {
 
     /**
      * @description iServer 登录验证。
+     * @function SuperMap.SecurityManager.loginiServer
      * @param {string} url - iServer 首页地址，如：http://localhost:8090/iserver。
      * @param {string} username - 用户名。
      * @param {string} password - 密码。
@@ -147,6 +155,7 @@ export class SecurityManager {
 
     /**
      * @description iServer登出。
+     * @function SuperMap.SecurityManager.logoutiServer
      * @param {string} url - iServer 首页地址,如：http://localhost:8090/iserver。
      * @returns {Promise} 是否登出成功。
      */
@@ -170,6 +179,7 @@ export class SecurityManager {
 
     /**
      * @description Online 登录验证。
+     * @function SuperMap.SecurityManager.loginOnline
      * @param {string} callbackLocation - 跳转位置。
      * @param {boolean} [newTab=true] - 是否新窗口打开。
      */
@@ -180,7 +190,8 @@ export class SecurityManager {
 
     /**
      * @description iPortal登录验证。
-     * @param {string} url - iportal 首页地址。
+     * @function SuperMap.SecurityManager.loginiPortal
+     * @param {string} url - iportal 首页地址,如：http://localhost:8092/iportal.
      * @param {string} username - 用户名。
      * @param {string} password - 密码。
      * @returns {Promise} 返回包含 iPortal 登录请求结果的 Promise 对象。
@@ -207,7 +218,8 @@ export class SecurityManager {
 
     /**
      * @description iPortal 登出。
-     * @param {string} url - iportal 首页地址。
+     * @function SuperMap.SecurityManager.logoutiPortal
+     * @param {string} url - iportal 首页地址,如：http://localhost:8092/iportal.
      * @returns {Promise} 如果登出成功，返回 true;否则返回 false。
      */
     static logoutiPortal(url) {
@@ -231,6 +243,7 @@ export class SecurityManager {
 
     /**
      * @description iManager 登录验证。
+     * @function SuperMap.SecurityManager.loginManager
      * @param {string} url - iManager 地址。地址参数为 iManager 首页地址，如： http://localhost:8390/imanager。
      * @param {Object} [loginInfoParams] - iManager 登录参数。
      * @param {string} loginInfoParams.userName - 用户名。
@@ -270,6 +283,7 @@ export class SecurityManager {
 
     /**
      * @description 清空全部验证信息。
+     * @function SuperMap.SecurityManager.destroyAllCredentials
      */
     static destroyAllCredentials() {
         this.keys = null;
@@ -279,6 +293,8 @@ export class SecurityManager {
 
     /**
      * @description 清空令牌信息。
+     * @function SuperMap.SecurityManager.destroyToken
+     * @param {string} url - iportal 首页地址,如：http://localhost:8092/iportal.
      */
     static destroyToken(url) {
         if (!url) {
@@ -293,13 +309,15 @@ export class SecurityManager {
 
     /**
      * @description 清空服务授权码。
+     * @function SuperMap.SecurityManager.destroyKey
+     * @param {string} url - iServer 首页地址,如：http://localhost:8090/iserver。
      */
-    static destroyKey(id) {
-        if (!id) {
+    static destroyKey(url) {
+        if (!url) {
             return;
         }
         this.keys = this.keys || {};
-        var key = this._getUrlRestString(id) || id;
+        var key = this._getUrlRestString(url) || url;
         if (this.keys[key]) {
             delete this.keys[key];
         }

dist/openlayers/iclient9-openlayers-es6.min.js

@@ -1,6 +1,7 @@
 import {
     SuperMap
 } from '../SuperMap';
+
 export class ArrayStatistic {
 
     // geostatsInstance: null,

dist/openlayers/iclient9-openlayers.js

@@ -36,13 +36,17 @@ export class MapvCanvasLayer {
         canvas.className = "mapvClass";
         var global$2 = typeof window === 'undefined' ? {} : window;
         var devicePixelRatio = me.devicePixelRatio = global$2.devicePixelRatio;
+        this.devicePixelRatio = devicePixelRatio;
         canvas.width = parseInt(me.width) * devicePixelRatio;
         canvas.height = parseInt(me.height) * devicePixelRatio;
         if (me.context == '2d') {
             canvas.getContext(me.context).scale(devicePixelRatio, devicePixelRatio);
         }
         canvas.style.width = me.width + "px";
         canvas.style.height = me.height + "px";
+        if (this.context == 'webgl') {
+            this.canvas.getContext(this.context).viewport(0, 0, canvas.width, canvas.height)
+        }
     }
 
     /**
@@ -60,15 +64,19 @@ export class MapvCanvasLayer {
      * @description 调整地图大小。
      */
     resize(mapWidth, mapHeight) {
+        console.log("resize");
         var global$2 = typeof window === 'undefined' ? {} : window;
         var devicePixelRatio = this.devicePixelRatio = global$2.devicePixelRatio;
-        this.canvas.width = mapWidth  * devicePixelRatio;
-        this.canvas.height = mapHeight  * devicePixelRatio;
+        this.canvas.width = mapWidth * devicePixelRatio;
+        this.canvas.height = mapHeight * devicePixelRatio;
         if (this.context == '2d') {
             this.canvas.getContext('2d').scale(devicePixelRatio, devicePixelRatio);
         }
         this.canvas.style.width = mapWidth + "px";
         this.canvas.style.height = mapHeight + "px";
+        if (this.context == 'webgl') {
+            this.canvas.getContext(this.context).viewport(0, 0, this.canvas.width, this.canvas.height)
+        }
     }
 
     /**

dist/openlayers/iclient9-openlayers.min.js

@@ -2,8 +2,12 @@
  * 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 ol from 'openlayers';
-import {MapvCanvasLayer} from './MapvCanvasLayer';
-import {baiduMapLayer} from "mapv";
+import {
+    MapvCanvasLayer
+} from './MapvCanvasLayer';
+import {
+    baiduMapLayer
+} from "mapv";
 
 var BaiduMapLayer = baiduMapLayer ? baiduMapLayer.__proto__ : Function;
 
@@ -86,7 +90,10 @@ export class MapvLayer extends BaiduMapLayer {
      */
     clickEvent(e) {
         var pixel = e.pixel;
-        super.clickEvent({x: pixel[0] + this.offset[0], y: pixel[1] + this.offset[1]}, e);
+        super.clickEvent({
+            x: pixel[0] + this.offset[0],
+            y: pixel[1] + this.offset[1]
+        }, e);
     }
 
     /**
@@ -96,7 +103,10 @@ export class MapvLayer extends BaiduMapLayer {
      */
     mousemoveEvent(e) {
         var pixel = e.pixel;
-        super.mousemoveEvent({x: pixel[0], y: pixel[1]}, e);
+        super.mousemoveEvent({
+            x: pixel[0],
+            y: pixel[1]
+        }, e);
     }
 
     /**
@@ -191,7 +201,9 @@ export class MapvLayer extends BaiduMapLayer {
             _data = data.get();
         }
         this.dataSet.add(_data);
-        this.update({options: options});
+        this.update({
+            options: options
+        });
     }
 
     /**
@@ -209,7 +221,9 @@ export class MapvLayer extends BaiduMapLayer {
         if (_data != undefined) {
             this.dataSet.set(_data);
         }
-        super.update({options: update.options});
+        super.update({
+            options: update.options
+        });
     }
 
     draw() {
@@ -239,7 +253,9 @@ export class MapvLayer extends BaiduMapLayer {
             }
         });
         this.dataSet.set(newData);
-        this.update({options: null});
+        this.update({
+            options: null
+        });
     }
 
     /**
@@ -248,7 +264,9 @@ export class MapvLayer extends BaiduMapLayer {
      */
     clearData() {
         this.dataSet && this.dataSet.clear();
-        this.update({options: null});
+        this.update({
+            options: null
+        });
     }
 
     _canvasUpdate(time) {
@@ -288,20 +306,26 @@ export class MapvLayer extends BaiduMapLayer {
         self._mapCenterPx = map.getPixelFromCoordinate(self._mapCenter);
         self._reselutions = map.getView().getResolution();
         self._rotation = -map.getView().getRotation();
-
+        var scaleRatio = 1;
+        if (this.context != '2d') {
+            var global$2 = typeof window === 'undefined' ? {} : window;
+            var devicePixelRatio = global$2.devicePixelRatio;
+            scaleRatio = devicePixelRatio;
+           
+        }
         var dataGetOptions = {
             transferCoordinate: function (coordinate) {
                 var x = (coordinate[0] - self._mapCenter[0]) / self._reselutions,
                     y = (self._mapCenter[1] - coordinate[1]) / self._reselutions;
                 var scaledP = [x + self._mapCenterPx[0], y + self._mapCenterPx[1]];
-                scaledP = scale(scaledP, self._mapCenterPx,1);
+                scaledP = scale(scaledP, self._mapCenterPx, 1);
                 /*//有旋转量的时候处理旋转
                 if (self._rotation !== 0) {
                     var rotatedP = rotate(scaledP, self._rotation, self._mapCenterPx);
                     return [rotatedP[0] + self.offset[0], rotatedP[1] + self.offset[1]];
                 }
                 //处理放大或缩小级别*/
-                return [scaledP[0] + self.offset[0], scaledP[1] + self.offset[1]];
+                return [(scaledP[0] + self.offset[0]) * scaleRatio, (scaledP[1] + self.offset[1]) * scaleRatio];
             }
         };
 
@@ -334,7 +358,10 @@ export class MapvLayer extends BaiduMapLayer {
         self.options._size = self.options.size;
         var pixel = map.getPixelFromCoordinate([0, 0]);
         pixel = [pixel[0] - topLeftPx[0], pixel[1] - topLeftPx[1]];
-        this.drawContext(context, data, self.options, {x: pixel[0], y: pixel[1]});
+        this.drawContext(context, data, self.options, {
+            x: pixel[0],
+            y: pixel[1]
+        });
         if (self.isEnabledTime()) {
             this.source.changed();
         }