@antv/l7-map 2.17.11 → 2.18.0

package/lib/camera.js

@@ -12,8 +12,8 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _l7Utils = require("@antv/l7-utils");
 var _eventemitter = require("eventemitter3");
-var _lodash = require("lodash");
 var _lng_lat = _interopRequireDefault(require("./geo/lng_lat"));
 var _lng_lat_bounds = _interopRequireDefault(require("./geo/lng_lat_bounds"));
 var _point = _interopRequireDefault(require("./geo/point"));
@@ -22,6 +22,7 @@ var _event = require("./handler/events/event");
 var _util = require("./util");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @ts-ignore
+var merge = _l7Utils.lodashUtil.merge;
 var Camera = /*#__PURE__*/function (_EventEmitter) {
   (0, _inherits2.default)(Camera, _EventEmitter);
   var _super = _createSuper(Camera);
@@ -109,7 +110,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "panTo",
     value: function panTo(lnglat, options, eventData) {
-      return this.easeTo((0, _lodash.merge)({
+      return this.easeTo(merge({
         center: lnglat
       }, options), eventData);
     }
@@ -152,7 +153,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "zoomTo",
     value: function zoomTo(zoom, options, eventData) {
-      return this.easeTo((0, _lodash.merge)({
+      return this.easeTo(merge({
         zoom: zoom
       }, options), eventData);
     }
@@ -172,14 +173,14 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "rotateTo",
     value: function rotateTo(bearing, options, eventData) {
-      return this.easeTo((0, _lodash.merge)({
+      return this.easeTo(merge({
         bearing: bearing
       }, options), eventData);
     }
   }, {
     key: "resetNorth",
     value: function resetNorth(options, eventData) {
-      this.rotateTo(0, (0, _lodash.merge)({
+      this.rotateTo(0, merge({
         duration: 1000
       }, options), eventData);
       return this;
@@ -187,7 +188,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
   }, {
     key: "resetNorthPitch",
     value: function resetNorthPitch(options, eventData) {
-      this.easeTo((0, _lodash.merge)({
+      this.easeTo(merge({
         bearing: 0,
         pitch: 0,
         duration: 1000
@@ -270,7 +271,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
       var _this2 = this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var eventData = arguments.length > 1 ? arguments[1] : undefined;
-      options = (0, _lodash.merge)({
+      options = merge({
         offset: [0, 0],
         duration: 500,
         easing: _util.ease
@@ -359,7 +360,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
         return this.jumpTo(coercedOptions, eventData);
       }
       this.stop();
-      options = (0, _lodash.merge)({
+      options = merge({
         offset: [0, 0],
         speed: 1.2,
         curve: 1.42,
@@ -637,7 +638,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
         right: 0,
         left: 0
       };
-      options = (0, _lodash.merge)({
+      options = merge({
         padding: defaultPadding,
         offset: [0, 0],
         maxZoom: this.transform.maxZoom
@@ -651,7 +652,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
           left: p
         };
       }
-      options.padding = (0, _lodash.merge)(defaultPadding, options.padding);
+      options.padding = merge(defaultPadding, options.padding);
       var tr = this.transform;
       var edgePadding = tr.padding;
 
@@ -711,7 +712,7 @@ var Camera = /*#__PURE__*/function (_EventEmitter) {
       if (!calculatedOptions) {
         return this;
       }
-      options = (0, _lodash.merge)(calculatedOptions, options);
+      options = merge(calculatedOptions, options);
       // Explictly remove the padding field because, calculatedOptions already accounts for padding by setting zoom and center accordingly.
       delete options.padding;
       // @ts-ignore

package/lib/earthmap.js

@@ -13,7 +13,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Utils = require("@antv/l7-utils");
-var _lodash = require("lodash");
 var _camera = _interopRequireDefault(require("./camera"));
 var _lng_lat = _interopRequireDefault(require("./geo/lng_lat"));
 var _lng_lat_bounds = _interopRequireDefault(require("./geo/lng_lat_bounds"));
@@ -57,7 +56,7 @@ function loadStyles(css, doc) {
 loadStyles(".l7-map {\n  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n  overflow: hidden;\n  position: relative;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.l7-canvas {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.l7-map:-webkit-full-screen {\n  width: 100%;\n  height: 100%;\n}\n\n.l7-canary {\n  background-color: salmon;\n}\n\n.l7-canvas-container.l7-interactive,\n.l7-ctrl-group button.l7-ctrl-compass {\n  cursor: -webkit-grab;\n  cursor: grab;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.l7-canvas-container.l7-interactive.l7-track-pointer {\n  cursor: pointer;\n}\n\n.l7-canvas-container.l7-interactive:active,\n.l7-ctrl-group button.l7-ctrl-compass:active {\n  cursor: -webkit-grabbing;\n  cursor: grabbing;\n}\n\n.l7-canvas-container.l7-touch-zoom-rotate,\n.l7-canvas-container.l7-touch-zoom-rotate .l7-canvas {\n  -ms-touch-action: pan-x pan-y;\n      touch-action: pan-x pan-y;\n}\n\n.l7-canvas-container.l7-touch-drag-pan,\n.l7-canvas-container.l7-touch-drag-pan .l7-canvas {\n  -ms-touch-action: pinch-zoom;\n      touch-action: pinch-zoom;\n}\n\n.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan,\n.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan .l7-canvas {\n  -ms-touch-action: none;\n      touch-action: none;\n}\n\n.l7-ctrl-top-left,\n.l7-ctrl-top-right,\n.l7-ctrl-bottom-left,\n.l7-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }\n.l7-ctrl-top-left     { top: 0; left: 0; }\n.l7-ctrl-top-right    { top: 0; right: 0; }\n.l7-ctrl-bottom-left  { bottom: 0; left: 0; }\n.l7-ctrl-bottom-right { right: 0; bottom: 0; }\n\n.l7-ctrl {\n  clear: both;\n  pointer-events: auto;\n\n  /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n.l7-ctrl-top-left .l7-ctrl     { margin: 10px 0 0 10px; float: left; }\n.l7-ctrl-top-right .l7-ctrl    { margin: 10px 10px 0 0; float: right; }\n.l7-ctrl-bottom-left .l7-ctrl  { margin: 0 0 10px 10px; float: left; }\n.l7-ctrl-bottom-right .l7-ctrl { margin: 0 10px 10px 0; float: right; }\n\n\n.l7-crosshair,\n.l7-crosshair .l7-interactive,\n.l7-crosshair .l7-interactive:active {\n    cursor: crosshair;\n}\n\n.l7-boxzoom {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    background: #fff;\n    border: 2px dotted #202020;\n    opacity: 0.5;\n    z-index: 10;\n}\n"); // @ts-ignore
 var defaultMinZoom = -2;
 var defaultMaxZoom = 22;
-
+var merge = _l7Utils.lodashUtil.merge;
 // the default values, but also the valid range
 var defaultMinPitch = 0;
 var defaultMaxPitch = 60;
@@ -94,7 +93,7 @@ var EarthMap = /*#__PURE__*/function (_Camera) {
   function EarthMap(options) {
     var _this;
     (0, _classCallCheck2.default)(this, EarthMap);
-    _this = _super.call(this, (0, _lodash.merge)({}, DefaultOptions, options));
+    _this = _super.call(this, merge({}, DefaultOptions, options));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTaskQueue", new _task_queue.default());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "trackResize", true);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onWindowOnline", function () {

package/lib/geo/transform.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.EXTENT = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _l7Utils = require("@antv/l7-utils");
 var _glMatrix = require("gl-matrix");
 var _point = _interopRequireDefault(require("../geo/point"));
 var _util = require("../util");
@@ -809,11 +808,7 @@ var Transform = /*#__PURE__*/function () {
       var s = Math.max(sx || 0, sy || 0);
       if (s) {
         this.center = this.unproject(new _point.default(sx ? (maxX + minX) / 2 : point.x, sy ? (maxY + minY) / 2 : point.y));
-        if (_l7Utils.isMini) {
-          this.zoom = Math.max(this.zoom, Math.max(-1, this.minZoom));
-        } else {
-          this.zoom += this.scaleZoom(s);
-        }
+        this.zoom += this.scaleZoom(s);
         this.unmodified = unmodified;
         this.constraining = false;
         return;

package/lib/handler/events/event.js

@@ -7,12 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.Event = void 0;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _merge = _interopRequireDefault(require("lodash/merge"));
+var _l7Utils = require("@antv/l7-utils");
 // tslint:disable-next-line:no-submodule-imports
+
+var merge = _l7Utils.lodashUtil.merge;
 var Event = /*#__PURE__*/(0, _createClass2.default)(function Event(type) {
   var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   (0, _classCallCheck2.default)(this, Event);
-  (0, _merge.default)(this, data);
+  merge(this, data);
   this.type = type;
 });
 exports.Event = Event;

package/lib/handler/events/map_mouse_event.js

@@ -10,12 +10,13 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _merge = _interopRequireDefault(require("lodash/merge"));
+var _l7Utils = require("@antv/l7-utils");
 var _dom = _interopRequireDefault(require("../../utils/dom"));
 var _event = require("./event");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // @ts-ignore
 // tslint:disable-next-line:no-submodule-imports
+var merge = _l7Utils.lodashUtil.merge;
 var MapMouseEvent = /*#__PURE__*/function (_Event) {
   (0, _inherits2.default)(MapMouseEvent, _Event);
   var _super = _createSuper(MapMouseEvent);
@@ -49,7 +50,7 @@ var MapMouseEvent = /*#__PURE__*/function (_Event) {
     (0, _classCallCheck2.default)(this, MapMouseEvent);
     var point = _dom.default.mousePos(map.getCanvasContainer(), originalEvent);
     var lngLat = map.unproject(point);
-    _this = _super.call(this, type, (0, _merge.default)({
+    _this = _super.call(this, type, merge({
       point: point,
       lngLat: lngLat,
       originalEvent: originalEvent

package/lib/handler/handler_inertia.js

@@ -8,29 +8,30 @@ exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _point = _interopRequireDefault(require("../geo/point"));
-var _merge = _interopRequireDefault(require("lodash/merge"));
+var _l7Utils = require("@antv/l7-utils");
 var _util = require("../util");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } // @ts-ignore
 // tslint:disable-next-line:no-submodule-imports
+var merge = _l7Utils.lodashUtil.merge;
 var defaultInertiaOptions = {
   linearity: 0.3,
   easing: (0, _util.bezier)(0, 0, 0.3, 1)
 };
-var defaultPanInertiaOptions = (0, _merge.default)({
+var defaultPanInertiaOptions = merge({
   deceleration: 2500,
   maxSpeed: 1400
 }, defaultInertiaOptions);
-var defaultZoomInertiaOptions = (0, _merge.default)({
+var defaultZoomInertiaOptions = merge({
   deceleration: 20,
   maxSpeed: 1400
 }, defaultInertiaOptions);
-var defaultBearingInertiaOptions = (0, _merge.default)({
+var defaultBearingInertiaOptions = merge({
   deceleration: 1000,
   maxSpeed: 360
 }, defaultInertiaOptions);
-var defaultPitchInertiaOptions = (0, _merge.default)({
+var defaultPitchInertiaOptions = merge({
   deceleration: 1000,
   maxSpeed: 90
 }, defaultInertiaOptions);
@@ -107,7 +108,7 @@ var HandlerInertia = /*#__PURE__*/function () {
       var duration = lastEntry.time - this.inertiaBuffer[0].time;
       var easeOptions = {};
       if (deltas.pan.mag()) {
-        var result = calculateEasing(deltas.pan.mag(), duration, (0, _merge.default)({}, defaultPanInertiaOptions, panInertiaOptions || {}));
+        var result = calculateEasing(deltas.pan.mag(), duration, merge({}, defaultPanInertiaOptions, panInertiaOptions || {}));
         easeOptions.offset = deltas.pan.mult(result.amount / deltas.pan.mag());
         easeOptions.center = this.map.transform.center;
         extendDuration(easeOptions, result);
@@ -132,7 +133,7 @@ var HandlerInertia = /*#__PURE__*/function () {
         easeOptions.around = last ? this.map.unproject(last) : this.map.getCenter();
       }
       this.clear();
-      return (0, _merge.default)(easeOptions, {
+      return merge(easeOptions, {
         noMoveStart: true
       });
     }

package/lib/handler/handler_manager.js

@@ -10,7 +10,6 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Utils = require("@antv/l7-utils");
-var _lodash = require("lodash");
 var _point = _interopRequireDefault(require("../geo/point"));
 var _dom = _interopRequireDefault(require("../utils/dom"));
 var _blockable_map_event = _interopRequireDefault(require("./blockable_map_event"));
@@ -34,6 +33,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } // @ts-ignore
 // tslint:disable-next-line: no-submodule-imports
+var merge = _l7Utils.lodashUtil.merge;
 var _isMoving = function isMoving(p) {
   return p.zoom || p.drag || p.pitch || p.rotate;
 };
@@ -145,67 +145,52 @@ var HandlerManager = /*#__PURE__*/function () {
     this.addDefaultHandlers(options);
     var el = this.el;
     this.listeners = [];
-    if (!_l7Utils.isMini) {
-      // l7 - mini
-      this.listeners = [
-      // Bind touchstart and touchmove with passive: false because, even though
-      // they only fire a map events and therefore could theoretically be
-      // passive, binding with passive: true causes iOS not to respect
-      // e.preventDefault() in _other_ handlers, even if they are non-passive
-      // (see https://bugs.webkit.org/show_bug.cgi?id=184251)
-      [el, 'touchstart', {
-        passive: false
-      }], [el, 'touchmove', {
-        passive: false
-      }], [el, 'touchend', undefined], [el, 'touchcancel', undefined], [el, 'mousedown', undefined], [el, 'mousemove', undefined], [el, 'mouseup', undefined],
-      // Bind window-level event listeners for move and up/end events. In the absence of
-      // the pointer capture API, which is not supported by all necessary platforms,
-      // window-level event listeners give us the best shot at capturing events that
-      // fall outside the map canvas element. Use `{capture: true}` for the move event
-      // to prevent map move events from being fired during a drag.
-      // @ts-ignore
-      [window.document, 'mousemove', {
-        capture: true
-      }],
-      // @ts-ignore
-      [window.document, 'mouseup', undefined], [el, 'mouseover', undefined], [el, 'mouseout', undefined], [el, 'dblclick', undefined], [el, 'click', undefined], [el, 'keydown', {
-        capture: false
-      }], [el, 'keyup', undefined], [el, 'wheel', {
-        passive: false
-      }], [el, 'contextmenu', undefined],
-      // @ts-ignore
-      [window, 'blur', undefined]];
-      var _iterator2 = _createForOfIteratorHelper(this.listeners),
-        _step2;
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var _step2$value = (0, _slicedToArray2.default)(_step2.value, 3),
-            target = _step2$value[0],
-            type = _step2$value[1],
-            listenerOptions = _step2$value[2];
-          // @ts-ignore
-          _dom.default.addEventListener(target, type,
-          // @ts-ignore
-          target === window.document ? this.handleWindowEvent : this.handleEvent, listenerOptions);
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    } else {
-      _l7Utils.$window.document.addEventListener('touchstart', function (e) {
-        _this.handleEvent(e);
-      }, {});
-      _l7Utils.$window.document.addEventListener('touchmove', function (e) {
-        _this.handleEvent(e);
-      }, {});
-      _l7Utils.$window.document.addEventListener('touchend', function (e) {
-        _this.handleEvent(e);
-      }, {});
-      _l7Utils.$window.document.addEventListener('touchcancel', function (e) {
-        _this.handleEvent(e);
-      }, {});
+    // l7 - mini
+    this.listeners = [
+    // Bind touchstart and touchmove with passive: false because, even though
+    // they only fire a map events and therefore could theoretically be
+    // passive, binding with passive: true causes iOS not to respect
+    // e.preventDefault() in _other_ handlers, even if they are non-passive
+    // (see https://bugs.webkit.org/show_bug.cgi?id=184251)
+    [el, 'touchstart', {
+      passive: false
+    }], [el, 'touchmove', {
+      passive: false
+    }], [el, 'touchend', undefined], [el, 'touchcancel', undefined], [el, 'mousedown', undefined], [el, 'mousemove', undefined], [el, 'mouseup', undefined],
+    // Bind window-level event listeners for move and up/end events. In the absence of
+    // the pointer capture API, which is not supported by all necessary platforms,
+    // window-level event listeners give us the best shot at capturing events that
+    // fall outside the map canvas element. Use `{capture: true}` for the move event
+    // to prevent map move events from being fired during a drag.
+    // @ts-ignore
+    [window.document, 'mousemove', {
+      capture: true
+    }],
+    // @ts-ignore
+    [window.document, 'mouseup', undefined], [el, 'mouseover', undefined], [el, 'mouseout', undefined], [el, 'dblclick', undefined], [el, 'click', undefined], [el, 'keydown', {
+      capture: false
+    }], [el, 'keyup', undefined], [el, 'wheel', {
+      passive: false
+    }], [el, 'contextmenu', undefined],
+    // @ts-ignore
+    [window, 'blur', undefined]];
+    var _iterator2 = _createForOfIteratorHelper(this.listeners),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _step2$value = (0, _slicedToArray2.default)(_step2.value, 3),
+          target = _step2$value[0],
+          type = _step2$value[1],
+          listenerOptions = _step2$value[2];
+        // @ts-ignore
+        _dom.default.addEventListener(target, type,
+        // @ts-ignore
+        target === window.document ? this.handleWindowEvent : this.handleEvent, listenerOptions);
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
     }
   }
   (0, _createClass2.default)(HandlerManager, [{
@@ -293,7 +278,7 @@ var HandlerManager = /*#__PURE__*/function () {
       if (!HandlerResult) {
         return;
       }
-      (0, _lodash.merge)(mergedIHandlerResult, HandlerResult);
+      merge(mergedIHandlerResult, HandlerResult);
       var eventData = {
         handlerName: name,
         originalEvent: HandlerResult.originalEvent || e
@@ -407,7 +392,7 @@ var HandlerManager = /*#__PURE__*/function () {
         for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
           var t = _step6.value;
           var target = t.target;
-          if (_l7Utils.isMini || this.el.contains(target)) {
+          if (this.el.contains(target)) {
             mapTouches.push(t);
           }
         }
@@ -453,8 +438,8 @@ var HandlerManager = /*#__PURE__*/function () {
           if (change.noInertia) {
             combined.noInertia = change.noInertia;
           }
-          (0, _lodash.merge)(combinedEventsInProgress, eventsInProgress);
-          (0, _lodash.merge)(combinedDeactivatedHandlers, deactivatedHandlers);
+          merge(combinedEventsInProgress, eventsInProgress);
+          merge(combinedDeactivatedHandlers, deactivatedHandlers);
         }
       } catch (err) {
         _iterator7.e(err);

package/lib/handler/shim/drag_pan.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _l7Utils = require("@antv/l7-utils");
 /**
  * The `DragPanHandler` allows the user to pan the map by clicking and dragging
  * the cursor.
@@ -48,9 +47,7 @@ var DragPanHandler = /*#__PURE__*/function () {
       this.inertiaOptions = options || {};
       this.mousePan.enable();
       this.touchPan.enable();
-      if (!_l7Utils.isMini) {
-        this.el.classList.add('l7-touch-drag-pan');
-      }
+      this.el.classList.add('l7-touch-drag-pan');
     }
 
     /**
@@ -64,9 +61,7 @@ var DragPanHandler = /*#__PURE__*/function () {
     value: function disable() {
       this.mousePan.disable();
       this.touchPan.disable();
-      if (!_l7Utils.isMini) {
-        this.el.classList.remove('l7-touch-drag-pan');
-      }
+      this.el.classList.remove('l7-touch-drag-pan');
     }
 
     /**

package/lib/handler/shim/touch_zoom_rotate.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _l7Utils = require("@antv/l7-utils");
 /**
  * The `TouchZoomRotateHandler` allows the user to zoom and rotate the map by
  * pinching on a touchscreen.
@@ -48,9 +47,7 @@ var TouchZoomRotateHandler = /*#__PURE__*/function () {
         this.touchRotate.enable(options);
       }
       this.tapDragZoom.enable();
-      if (!_l7Utils.isMini) {
-        this.el.classList.add('l7-touch-zoom-rotate');
-      }
+      this.el.classList.add('l7-touch-zoom-rotate');
     }
 
     /**
@@ -65,9 +62,7 @@ var TouchZoomRotateHandler = /*#__PURE__*/function () {
       this.touchZoom.disable();
       this.touchRotate.disable();
       this.tapDragZoom.disable();
-      if (!_l7Utils.isMini) {
-        this.el.classList.remove('l7-touch-zoom-rotate');
-      }
+      this.el.classList.remove('l7-touch-zoom-rotate');
     }
 
     /**

package/lib/hash.js

@@ -9,9 +9,10 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Utils = require("@antv/l7-utils");
-var _lodash = require("lodash");
 // @ts-ignore
 // tslint:disable-next-line:no-submodule-imports
+
+var throttle = _l7Utils.lodashUtil.throttle;
 /*
  * Adds the map's position to its page's location hash.
  * Passed as an option to the map object.
@@ -68,20 +69,20 @@ var Hash = /*#__PURE__*/function () {
     this.hashName = hashName && encodeURIComponent(hashName);
 
     // Mobile Safari doesn't allow updating the hash more than 100 times per 30 seconds.
-    this.updateHash = (0, _lodash.throttle)(this.updateHashUnthrottled, 30 * 1000 / 100);
+    this.updateHash = throttle(this.updateHashUnthrottled, 30 * 1000 / 100);
   }
   (0, _createClass2.default)(Hash, [{
     key: "addTo",
     value: function addTo(map) {
       this.map = map;
-      _l7Utils.$window.addEventListener('hashchange', this.onHashChange, false);
+      window.addEventListener('hashchange', this.onHashChange, false);
       this.map.on('moveend', this.updateHash);
       return this;
     }
   }, {
     key: "remove",
     value: function remove() {
-      _l7Utils.$window.removeEventListener('hashchange', this.onHashChange, false);
+      window.removeEventListener('hashchange', this.onHashChange, false);
       this.map.off('moveend', this.updateHash);
       // clearTimeout(this.updateHash());
 

package/lib/map.js

@@ -14,7 +14,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Utils = require("@antv/l7-utils");
-var _lodash = require("lodash");
 var _camera = _interopRequireDefault(require("./camera"));
 var _lng_lat = _interopRequireDefault(require("./geo/lng_lat"));
 var _lng_lat_bounds = _interopRequireDefault(require("./geo/lng_lat_bounds"));
@@ -59,7 +58,7 @@ function loadStyles(css, doc) {
 loadStyles(".l7-map {\n  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n  overflow: hidden;\n  position: relative;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.l7-canvas {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.l7-map:-webkit-full-screen {\n  width: 100%;\n  height: 100%;\n}\n\n.l7-canary {\n  background-color: salmon;\n}\n\n.l7-canvas-container.l7-interactive,\n.l7-ctrl-group button.l7-ctrl-compass {\n  cursor: -webkit-grab;\n  cursor: grab;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.l7-canvas-container.l7-interactive.l7-track-pointer {\n  cursor: pointer;\n}\n\n.l7-canvas-container.l7-interactive:active,\n.l7-ctrl-group button.l7-ctrl-compass:active {\n  cursor: -webkit-grabbing;\n  cursor: grabbing;\n}\n\n.l7-canvas-container.l7-touch-zoom-rotate,\n.l7-canvas-container.l7-touch-zoom-rotate .l7-canvas {\n  -ms-touch-action: pan-x pan-y;\n      touch-action: pan-x pan-y;\n}\n\n.l7-canvas-container.l7-touch-drag-pan,\n.l7-canvas-container.l7-touch-drag-pan .l7-canvas {\n  -ms-touch-action: pinch-zoom;\n      touch-action: pinch-zoom;\n}\n\n.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan,\n.l7-canvas-container.l7-touch-zoom-rotate.l7-touch-drag-pan .l7-canvas {\n  -ms-touch-action: none;\n      touch-action: none;\n}\n\n.l7-ctrl-top-left,\n.l7-ctrl-top-right,\n.l7-ctrl-bottom-left,\n.l7-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }\n.l7-ctrl-top-left     { top: 0; left: 0; }\n.l7-ctrl-top-right    { top: 0; right: 0; }\n.l7-ctrl-bottom-left  { bottom: 0; left: 0; }\n.l7-ctrl-bottom-right { right: 0; bottom: 0; }\n\n.l7-ctrl {\n  clear: both;\n  pointer-events: auto;\n\n  /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */\n  -webkit-transform: translate(0, 0);\n          transform: translate(0, 0);\n}\n.l7-ctrl-top-left .l7-ctrl     { margin: 10px 0 0 10px; float: left; }\n.l7-ctrl-top-right .l7-ctrl    { margin: 10px 10px 0 0; float: right; }\n.l7-ctrl-bottom-left .l7-ctrl  { margin: 0 0 10px 10px; float: left; }\n.l7-ctrl-bottom-right .l7-ctrl { margin: 0 10px 10px 0; float: right; }\n\n\n.l7-crosshair,\n.l7-crosshair .l7-interactive,\n.l7-crosshair .l7-interactive:active {\n    cursor: crosshair;\n}\n\n.l7-boxzoom {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    background: #fff;\n    border: 2px dotted #202020;\n    opacity: 0.5;\n    z-index: 10;\n}\n"); // @ts-ignore
 var defaultMinZoom = -2;
 var defaultMaxZoom = 22;
-
+var merge = _l7Utils.lodashUtil.merge;
 // the default values, but also the valid range
 var defaultMinPitch = 0;
 var defaultMaxPitch = 60;
@@ -96,7 +95,7 @@ var Map = /*#__PURE__*/function (_Camera) {
   function Map(options) {
     var _this;
     (0, _classCallCheck2.default)(this, Map);
-    _this = _super.call(this, (0, _lodash.merge)({}, DefaultOptions, options));
+    _this = _super.call(this, merge({}, DefaultOptions, options));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTaskQueue", new _task_queue.default());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "trackResize", true);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onWindowOnline", function () {
@@ -109,11 +108,7 @@ var Map = /*#__PURE__*/function (_Camera) {
         }).update();
       }
     });
-    if (_l7Utils.isMini) {
-      _this.initMiniContainer();
-    } else {
-      _this.initContainer();
-    }
+    _this.initContainer();
     _this.resize();
     _this.handlers = new _handler_manager.default((0, _assertThisInitialized2.default)(_this), _this.options);
     if (typeof window !== 'undefined') {
@@ -121,11 +116,9 @@ var Map = /*#__PURE__*/function (_Camera) {
       window.addEventListener('resize', _this.onWindowResize, false);
       window.addEventListener('orientationchange', _this.onWindowResize, false);
     }
-    if (!_l7Utils.isMini) {
-      var hashName = typeof options.hash === 'string' && options.hash || undefined;
-      if (options.hash) {
-        _this.hash = new _hash.default(hashName).addTo((0, _assertThisInitialized2.default)(_this));
-      }
+    var hashName = typeof options.hash === 'string' && options.hash || undefined;
+    if (options.hash) {
+      _this.hash = new _hash.default(hashName).addTo((0, _assertThisInitialized2.default)(_this));
     }
 
     // don't set position from options if set through hash
@@ -138,7 +131,7 @@ var Map = /*#__PURE__*/function (_Camera) {
       });
       if (options.bounds) {
         _this.resize();
-        _this.fitBounds(options.bounds, (0, _lodash.merge)({}, options.fitBoundsOptions, {
+        _this.fitBounds(options.bounds, merge({}, options.fitBoundsOptions, {
           duration: 0
         }));
       }
@@ -154,18 +147,15 @@ var Map = /*#__PURE__*/function (_Camera) {
         height = _this$containerDimens2[1];
       this.transform.resize(width, height);
       // 小程序环境不需要执行后续动作
-      if (_l7Utils.isMini) {
-        return this;
-      }
       var fireMoving = !this.moving;
       if (fireMoving) {
         this.stop();
-        this.emit('movestart', new _l7Utils.$window.Event('movestart', eventData));
-        this.emit('move', new _l7Utils.$window.Event('move', eventData));
+        this.emit('movestart', new window.Event('movestart', eventData));
+        this.emit('move', new window.Event('move', eventData));
       }
-      this.emit('resize', new _l7Utils.$window.Event('resize', eventData));
+      this.emit('resize', new window.Event('resize', eventData));
       if (fireMoving) {
-        this.emit('moveend', new _l7Utils.$window.Event('moveend', eventData));
+        this.emit('moveend', new window.Event('moveend', eventData));
       }
       return this;
     }
@@ -391,15 +381,10 @@ var Map = /*#__PURE__*/function (_Camera) {
       var width = 0;
       var height = 0;
       if (this.container) {
-        if (_l7Utils.isMini) {
-          width = this.container.width / _l7Utils.$window.devicePixelRatio;
-          height = this.container.height / _l7Utils.$window.devicePixelRatio;
-        } else {
-          width = this.container.clientWidth;
-          height = this.container.clientHeight;
-          width = width === 0 ? 400 : width;
-          height = height === 0 ? 300 : height;
-        }
+        width = this.container.clientWidth;
+        height = this.container.clientHeight;
+        width = width === 0 ? 400 : width;
+        height = height === 0 ? 300 : height;
       }
       return [width, height];
     }