@vtx/cs-map 1.0.7 → 1.0.9

package/lib/map/index.js

@@ -11,15 +11,18 @@ var _cesium = require("cesium");
 require("./base");
 require("./material");
 var _AmapMercatorTilingScheme = _interopRequireDefault(require("./base/imagery/transform/AmapMercatorTilingScheme"));
-var _ImageLayer = _interopRequireDefault(require("../image-layer/ImageLayer"));
 var _getDefaultMapInfo2 = _interopRequireDefault(require("../_util/getDefaultMapInfo"));
 require("cesium/Build/Cesium/Widgets/widgets.css");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _events = require("../events");
 var _Popup = _interopRequireDefault(require("./Popup"));
 var _Provider = _interopRequireDefault(require("../_util/Provider"));
-var _excluded = ["center", "dark", "zoom", "createdMap", "style", "tk"],
-  _excluded2 = ["lng", "lat", "z"];
+var _Layers = _interopRequireDefault(require("./Layers"));
+var _EventEmitter = _interopRequireDefault(require("../_util/EventEmitter"));
+var _useGetMapFeatureInfoByText = _interopRequireDefault(require("./hooks/useGetMapFeatureInfoByText"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _excluded = ["center", "dark", "zoom", "createdMap"],
+  _excluded2 = ["entity", "lng", "lat", "height"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -46,7 +49,14 @@ function Map(props) {
     _props$height = props.height,
     height = _props$height === void 0 ? '100%' : _props$height,
     dark = props.dark,
-    children = props.children;
+    _props$mapStyle = props.mapStyle,
+    mapStyle = _props$mapStyle === void 0 ? 'vec' : _props$mapStyle,
+    tk = props.tk,
+    children = props.children,
+    onCloseTemplateBefore = props.onCloseTemplateBefore,
+    onZoom = props.onZoom,
+    _props$onEvents = props.onEvents,
+    onEvents = _props$onEvents === void 0 ? {} : _props$onEvents;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     mapLoaded = _useState2[0],
@@ -63,17 +73,69 @@ function Map(props) {
   var mapDomRef = (0, _react.useRef)(null);
   var tipRef = (0, _react.useRef)(null);
   var popupRef = (0, _react.useRef)();
+  var getMapFeatureInfoByText = (0, _useGetMapFeatureInfoByText["default"])(mapRef);
   (0, _react.useEffect)(function () {
     initMap();
   }, []);
+  var imgLayerVisible = function imgLayerVisible() {
+    if (mapRef.current) {
+      var layers = mapRef.current.imageryLayers._layers || [];
+      layers.map(function (item) {
+        var _item$_imageryProvide;
+        if (['img_w', 'cia_w'].includes((_item$_imageryProvide = item._imageryProvider) === null || _item$_imageryProvide === void 0 ? void 0 : _item$_imageryProvide._layer)) {
+          item.show = mapStyle === 'img';
+        }
+      });
+    }
+  };
+  var addImageryProvider = function addImageryProvider() {
+    var TDT_IMG_W = "http://{s}.tianditu.gov.cn/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=".concat(tk);
+    var TDT_CIA_W = "http://{s}.tianditu.gov.cn/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=".concat(tk);
+    var Img = new _cesium.WebMapTileServiceImageryProvider({
+      //调用影响中文服务
+      url: TDT_IMG_W,
+      // url地址，换影像还是矢量，随便你喜欢
+      layer: 'img_w',
+      // WMTS请求的层名称
+      style: 'default',
+      // WMTS请求的样式名称
+      format: 'tiles',
+      // MIME类型，用于从服务器检索图像
+      tileMatrixSetID: 'GoogleMapsCompatible',
+      // 用于WMTS请求的TileMatrixSet的标识符
+      subdomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
+      // 天地图8个服务器
+      minimumLevel: 0,
+      // 最小层级
+      maximumLevel: 18 // 最大层级
+    });
+
+    mapRef.current.imageryLayers.addImageryProvider(Img); // 添加到cesium图层上
+
+    var cia = new _cesium.WebMapTileServiceImageryProvider({
+      // 调用影响中文注记服务
+      url: TDT_CIA_W,
+      layer: 'cia_w',
+      style: 'default',
+      format: 'tiles',
+      tileMatrixSetID: 'GoogleMapsCompatible',
+      subdomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7'],
+      // 天地图8个服务器
+      minimumLevel: 0,
+      maximumLevel: 18
+    });
+    mapRef.current.imageryLayers.addImageryProvider(cia); // 添加到cesium图层上
+
+    imgLayerVisible();
+  };
+  (0, _react.useEffect)(function () {
+    imgLayerVisible();
+  }, [mapStyle]);
   var initMap = function initMap() {
     var center = props.center,
       dark = props.dark,
       zoom = props.zoom,
       createdMap = props.createdMap,
-      _props$style = props.style,
-      style = _props$style === void 0 ? 'vec' : _props$style,
-      tk = props.tk,
       options = _objectWithoutProperties(props, _excluded);
     var _getDefaultMapInfo = (0, _getDefaultMapInfo2["default"])(),
       minZoom = _getDefaultMapInfo.minZoom,
@@ -89,6 +151,7 @@ function Map(props) {
       minZoom: minZoom && Number(minZoom) || 0,
       maxZoom: maxZoom && Number(maxZoom) || 20
     };
+    _cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjc0ZDQ1ZS0wNWNhLTRhMDQtODJmYy03NTcyNDcxYzgzMDUiLCJpZCI6NzE4MTQsImlhdCI6MTYzNTQ3NzgyNX0.4TrdZWPWc9_6jLeGe90bRmBPB14XptwinSewVMu1iCE';
     var map = new _cesium.Viewer(mapDomRef.current, _objectSpread({
       shouldAnimate: true,
       animation: false,
@@ -127,51 +190,131 @@ function Map(props) {
       })
     }, options));
 
+    // 事件订阅
+    map.eventEmitter = new _EventEmitter["default"]();
+
     // 去版权信息
     map._cesiumWidget._creditContainer.style.display = 'none'; // 隐藏cesium ion
 
     mapRef.current = map;
+    addImageryProvider();
 
-    // 展示提示
-    map.showTip = function (content) {
-      setTip(content);
+    // 添加 dataSource 和 imagery 图层
+    map.layers = new _Layers["default"]({
+      map: map
+    });
+
+    // 图层改变的时候
+    map.layers.on('change', function (layers) {
+      onEvents.layersChange && onEvents.layersChange(layers);
+      map.eventEmitter.emit('layersChange', layers);
+    });
+
+    // 图层新增
+    map.layers.on('add', function (layer) {
+      onEvents.layersAdd && onEvents.layersAdd(layer);
+      map.eventEmitter.emit('layersAdd', layer);
+    });
+
+    // 图层移除
+    map.layers.on('remove', function (layer) {
+      onEvents.layersRemove && onEvents.layersRemove(layer);
+      map.eventEmitter.emit('layersRemove', layer);
+    });
+
+    // 图层清空
+    map.layers.on('clear', function () {
+      onEvents.layersClear && onEvents.layersClear();
+      map.eventEmitter.emit('layersClear');
+    });
+
+    // 图层展示隐藏
+    map.layers.on('visible', function (layer, visible) {
+      map.layers.onChange(); // 触发图层改变
+
+      // 图层关闭时，隐藏自身的气泡
+      if (!visible && map.popupRef) {
+        map.hideTemplate(layer);
+      }
+      onEvents.layersVisible && onEvents.layersVisible(layer, visible);
+      map.eventEmitter.emit('layersVisible');
+    });
+
+    // 图层变化
+    map.layersChange = function () {
+      map.layers.onChange();
     };
 
-    // 隐藏提示
-    map.hideTip = function () {
-      setTip(null);
+    // 获取 layers 里面的 key 集合
+    map.getAllKeys = function () {
+      return map.layers.getAllKeys();
+    };
+
+    // 获取当前展示的 keys
+    map.getLayersShowKeys = function () {
+      return map.layers.getShowKeys();
+    };
+
+    // 获取当前隐藏的 keys
+    map.getLayersHiddenKeys = function () {
+      return map.layers.getHiddenKeys();
+    };
+
+    // 根据 keys 设置图层的显示，其他的隐藏
+    map.setLayersShowByKeys = function (_keys) {
+      return map.layers.setShowByKeys(_keys);
+    };
+
+    // 根据 keys 设置图层的隐藏，其他的显示
+    map.setLayersHideByKeys = function (_keys) {
+      return map.layers.setHideByKeys(_keys);
+    };
+
+    // 添加图层
+    map.addLayer = function (layer) {
+      return map.layers.addLayer(layer);
+    };
+
+    // 移除图层
+    map.removeLayer = function (layer) {
+      return map.layers.removeLayer(layer);
+    };
+
+    // 清除图层和entity
+    map.clearLayers = function () {
+      return map.layers.clearLayers();
+    };
+
+    // 获取 ImageLayer 图层
+    map.getImageLayers = function (keys) {
+      return map.layers.getImageLayers(keys);
+    };
+
+    // 获取 FeatureLayer 图层
+    map.getFeatureLayers = function (keys) {
+      return map.layers.getFeatureLayers(keys);
     };
 
     // 查找所有dataSource和imagery图层
     map.getAllLayers = function () {
-      var _map$dataSources, _map$imageryLayers;
+      var _map$dataSources, _map$imageryLayers, _map$scene;
       var dataSources = (map === null || map === void 0 || (_map$dataSources = map.dataSources) === null || _map$dataSources === void 0 ? void 0 : _map$dataSources._dataSources) || [];
       var imageryLayers = (map === null || map === void 0 || (_map$imageryLayers = map.imageryLayers) === null || _map$imageryLayers === void 0 ? void 0 : _map$imageryLayers._layers) || [];
-      return [].concat(_toConsumableArray(dataSources), _toConsumableArray(imageryLayers));
-    };
-
-    // 添加dataSource和imagery图层
-    map.addLayer = function (layer) {
-      if (layer instanceof _cesium.CustomDataSource) {
-        map.dataSources.add(layer);
-      } else if (layer instanceof _ImageLayer["default"]) {
-        map.scene.imageryLayers.add(layer);
-      }
+      var primitives = (map === null || map === void 0 || (_map$scene = map.scene) === null || _map$scene === void 0 || (_map$scene = _map$scene.primitives) === null || _map$scene === void 0 ? void 0 : _map$scene._primitives) || [];
+      return [].concat(_toConsumableArray(dataSources), _toConsumableArray(imageryLayers), _toConsumableArray(primitives));
     };
 
     // 根据key查找imageryLayers图层
-    map.getImageryLayers = function (keys) {
+    map.getImageryLayers = function (_keys) {
       var _map$imageryLayers2;
-      var imageryLayers = ((map === null || map === void 0 || (_map$imageryLayers2 = map.imageryLayers) === null || _map$imageryLayers2 === void 0 ? void 0 : _map$imageryLayers2._layers) || []).filter(function (layer) {
-        if (typeof keys === 'string') {
-          return layer.key === keys;
-        } else if (Array.isArray(keys)) {
-          return keys.includes(layer.key);
-        } else {
-          return layer;
-        }
-      });
-      return imageryLayers;
+      var layers = (map === null || map === void 0 || (_map$imageryLayers2 = map.imageryLayers) === null || _map$imageryLayers2 === void 0 ? void 0 : _map$imageryLayers2._layers) || [];
+      if (_keys && layers.length) {
+        var keys = Array.isArray(_keys) ? _keys : [_keys];
+        return layers.filter(function (layer) {
+          return layer.key && keys.includes(layer.key);
+        });
+      }
+      return layers;
     };
 
     // 通过图形查询所属图层
@@ -182,6 +325,11 @@ function Map(props) {
           if (layer !== null && layer !== void 0 && layer.key && layer.key === (entity === null || entity === void 0 || (_entity$imageryLayer = entity.imageryLayer) === null || _entity$imageryLayer === void 0 ? void 0 : _entity$imageryLayer.key)) {
             return layer;
           }
+        } else if (layer instanceof _cesium.Primitive) {
+          var _entity$primitive;
+          if (layer !== null && layer !== void 0 && layer.key && layer.key === (entity === null || entity === void 0 || (_entity$primitive = entity.primitive) === null || _entity$primitive === void 0 ? void 0 : _entity$primitive.key)) {
+            return layer;
+          }
         } else {
           if (layer !== null && layer !== void 0 && layer.key && layer.key === (entity === null || entity === void 0 ? void 0 : entity.key)) {
             return layer;
@@ -193,6 +341,11 @@ function Map(props) {
     // 获取entity中数据
     map.getProperties = function (feature) {
       var _feature$_properties, _properties;
+      if (feature !== null && feature !== void 0 && feature.primitive && (feature === null || feature === void 0 ? void 0 : feature.primitive) instanceof _cesium.Primitive) {
+        return feature.primitive.data.find(function (item) {
+          return item.id === feature.id;
+        });
+      }
       var properties = (feature === null || feature === void 0 || (_feature$_properties = feature._properties) === null || _feature$_properties === void 0 ? void 0 : _feature$_properties.getValue(feature._id)) || (feature === null || feature === void 0 ? void 0 : feature.properties) || {};
       properties = ((_properties = properties) === null || _properties === void 0 ? void 0 : _properties.properties) || properties;
       return properties;
@@ -205,10 +358,24 @@ function Map(props) {
       });
     };
 
+    // 通过keys查询多个图层
+    map.getLayerByKeys = function (keys) {
+      return map.getAllLayers().filter(function (layer) {
+        return layer.key && keys.includes(layer.key);
+      });
+    };
+
+    // 通过返回值控制是否执行关闭
+    map.onCloseTemplateBefore = function (feature) {
+      if (onCloseTemplateBefore) {
+        return onCloseTemplateBefore(feature);
+      }
+    };
+
     // 根据key查找展示的图层
     map.getVisibleLayersByKeys = function (keys) {
       var layers = map.getAllLayers() || [];
-      var _layers = layers.filter(function (layer) {
+      return layers.filter(function (layer) {
         if (typeof keys === 'string') {
           return layer.key === keys && layer.show;
         } else if (Array.isArray(keys)) {
@@ -217,19 +384,16 @@ function Map(props) {
           return layer.show && layer.key;
         }
       });
-      return _layers;
     };
 
-    // 清除图层和entity
-    map.clearLayers = function () {
-      var imageryLayers = map.getImageryLayers() || [];
-      map.dataSources.removeAll();
-      imageryLayers.map(function (layer) {
-        if (layer !== null && layer !== void 0 && layer.key) {
-          map.imageryLayers.remove(layer);
-        }
-      });
-      map.entities.removeAll();
+    // 展示提示
+    map.showTip = function (content) {
+      setTip(content);
+    };
+
+    // 隐藏提示
+    map.hideTip = function () {
+      setTip(null);
     };
 
     // 展示看板
@@ -241,6 +405,8 @@ function Map(props) {
     map.hideTemplate = function () {
       popupRef.current.hideTemplate();
     };
+
+    // 鼠标事件控制器
     var handlePoint = new _cesium.ScreenSpaceEventHandler(map.scene.canvas);
 
     // 获取图层上的图形信息
@@ -248,10 +414,16 @@ function Map(props) {
       if (event !== null && event !== void 0 && event.position) {
         var position = event.position;
         var pick = map.scene.pick(position);
-        return pick && pick.id;
+        if (_lodash["default"].isObject(pick === null || pick === void 0 ? void 0 : pick.id)) {
+          return pick.id;
+        }
+        return pick;
       }
     };
 
+    // 根据关键字获取图形信息
+    map.getMapFeatureInfoByText = getMapFeatureInfoByText;
+
     // 获取wms的图形数据
     map.pickImageryLayerFeatures = function (event) {
       if (event !== null && event !== void 0 && event.position) {
@@ -263,11 +435,16 @@ function Map(props) {
 
     // 注册事件
     (0, _events.registerEventLayer)(map, props);
+
+    // 注册地图组件事件
     function registerMapEvent(e, event) {
       if (map[event]) {
         map[event](e);
+        onEvents[event] && onEvents[event](e);
       }
     }
+
+    // 注册图层组件事件
     function registerEvent(feature, event) {
       if (feature) {
         var _feature$event;
@@ -286,6 +463,12 @@ function Map(props) {
     handlePoint.setInputAction(function (event) {
       registerMapEvent(event, 'onClick');
       map.hideTip();
+      var cartesian = map.camera.pickEllipsoid(event.position, map.scene.globe.ellipsoid); // Cartesian3对象
+      var cartographic = _cesium.Cartographic.fromCartesian(cartesian); // 经纬高对象
+      var lng = _cesium.Math.toDegrees(cartographic.longitude);
+      var lat = _cesium.Math.toDegrees(cartographic.latitude);
+      var location = [lng, lat]; // 即为经纬度数组
+      console.log("location:", location);
       var entity = map.pickDataSourcesFeature(event);
       var featuresPromise = map.pickImageryLayerFeatures(event);
       if (entity) {
@@ -313,11 +496,13 @@ function Map(props) {
     // 鼠标移动
     var hoverFeature;
     var getUid = function getUid(feature) {
-      if (!feature._id) {
-        feature._id = _cesium.Math.random();
+      if (feature && !feature._id) {
+        feature._id = window.Math.random();
       }
       return feature._id;
     };
+
+    // 鼠标移入移除
     handlePoint.setInputAction(function (event) {
       registerMapEvent(event, 'onMouseMove');
       var feature = map.pickDataSourcesFeature({
@@ -350,24 +535,55 @@ function Map(props) {
       }
     }, _cesium.ScreenSpaceEventType.MOUSE_MOVE);
 
-    // 获取entity中数据
-    map.getProperties = function (feature) {
-      var _feature$_properties2, _properties2;
-      var properties = (feature === null || feature === void 0 || (_feature$_properties2 = feature._properties) === null || _feature$_properties2 === void 0 ? void 0 : _feature$_properties2.getValue(feature._id)) || (feature === null || feature === void 0 ? void 0 : feature.properties) || {};
-      properties = ((_properties2 = properties) === null || _properties2 === void 0 ? void 0 : _properties2.properties) || properties;
-      return properties;
-    };
+    // 层级事件
+    if (onZoom) {
+      map.camera.moveEnd.addEventListener(function () {
+        var viewRectangle = map.camera.computeViewRectangle();
+        var west = viewRectangle.west / _cesium.Math.PI * 180; // 左上方（西）
+        var north = viewRectangle.north / _cesium.Math.PI * 180; //右上方（北）
+        var east = viewRectangle.east / _cesium.Math.PI * 180; // 右下方（东）
+        var south = viewRectangle.south / _cesium.Math.PI * 180; // 左下方（南）
+        var cameraHeight = map.camera.positionCartographic.height;
+        onZoom && onZoom({
+          west: west,
+          north: north,
+          east: east,
+          south: south,
+          cameraHeight: cameraHeight,
+          viewRectangle: viewRectangle
+        });
+      });
+    }
+
+    // 动态调整视角，不传参数为默认视角，参数可以是图层、图形、数据等
     map.fitView = function (e) {
       var _ref = e || {},
         entity = _ref.entity,
-        isZoom = _ref.isZoom,
+        lng = _ref.lng,
+        lat = _ref.lat,
         _ref$height = _ref.height,
-        height = _ref$height === void 0 ? 50000 : _ref$height;
+        height = _ref$height === void 0 ? 50000 : _ref$height,
+        rest = _objectWithoutProperties(_ref, _excluded2);
+      var pitch = map.camera.pitch;
       // 判断是否点击了图形
       if (entity) {
-        map.camera.flyTo(entity, {
-          duration: 2
+        map.flyTo(entity, {
+          duration: 2,
+          offset: {
+            heading: _cesium.Math.toRadians(0.0),
+            pitch: pitch,
+            range: height
+          }
         });
+      } else if (lng && lat) {
+        map.camera.flyTo(_objectSpread({
+          destination: new _cesium.Cartesian3.fromDegrees(Number(lng), Number(lat), height),
+          orientation: {
+            pitch: _cesium.Math.toRadians(-88.0),
+            roll: 0.0
+          },
+          duration: 2
+        }, rest));
       } else {
         var _viewDefault$center = _slicedToArray(viewDefault.center, 3),
           x = _viewDefault$center[0],
@@ -384,27 +600,16 @@ function Map(props) {
         });
       }
     };
-    map.flyTo = function (e) {
-      var _ref2 = e || {},
-        lng = _ref2.lng,
-        lat = _ref2.lat,
-        _ref2$z = _ref2.z,
-        z = _ref2$z === void 0 ? 50000 : _ref2$z,
-        rest = _objectWithoutProperties(_ref2, _excluded2);
-      if (lng && lat) {
-        map.camera.flyTo(_objectSpread({
-          destination: new _cesium.Cartesian3.fromDegrees(Number(lng), Number(lat), z),
-          orientation: {
-            pitch: _cesium.Math.toRadians(-88.0),
-            roll: 0.0
-          },
-          duration: 2
-        }, rest));
-      }
-    };
+
+    // 自动调整视角
     map.fitView();
-    createdMap && createdMap(map);
-    setMapLoaded(true);
+
+    // 延时触发回调事件
+    setTimeout(function () {
+      createdMap && createdMap(map);
+      onEvents.createdMap && onEvents.createdMap(map);
+      setMapLoaded(true);
+    }, 3000);
   };
   var onMouseMove = function onMouseMove(event) {
     if (tip) {
@@ -432,13 +637,14 @@ function Map(props) {
   }, tip && tipVis && /*#__PURE__*/_react["default"].createElement("div", {
     ref: tipRef,
     className: (0, _classnames["default"])('custom-tip')
-  }, tip)), mapLoaded && /*#__PURE__*/_react["default"].createElement(_Provider["default"], {
+  }, tip), mapRef.current && /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
+    ref: popupRef,
+    map: mapRef.current
+  })), mapLoaded && /*#__PURE__*/_react["default"].createElement(_Provider["default"], {
     value: {
       map: mapRef.current
     }
-  }, mapRef.current && /*#__PURE__*/_react["default"].createElement(_Popup["default"], {
-    ref: popupRef
-  }), children));
+  }, children));
 }
 var _default = Map;
 exports["default"] = _default;
@@ -446,12 +652,15 @@ Map.propTypes = {
   width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   createdMap: _propTypes["default"].func,
+  onCloseTemplateBefore: _propTypes["default"].func,
+  onZoom: _propTypes["default"].func,
   center: _propTypes["default"].array,
   zoom: _propTypes["default"].number,
   minZoom: _propTypes["default"].number,
   maxZoom: _propTypes["default"].number,
   dark: _propTypes["default"].bool,
-  style: _propTypes["default"].oneOfType(['vec', 'img']),
-  tk: _propTypes["default"].string.isRequired
+  mapStyle: _propTypes["default"].oneOfType(['vec', 'img']),
+  tk: _propTypes["default"].string.isRequired,
+  onEvents: _propTypes["default"].object
 };
 //# sourceMappingURL=index.js.map