@vtx/map 1.1.25 → 1.1.27

package/README.md

@@ -1,44 +1,44 @@
-# map
-
-> 地图控件
-
-## 安装
-
-```bash
-# Install
-$ npm install @vtx/map
-#或者
-$ yarn add @vtx/map
-```
-
-## 文档
-
--   [VtxMap](/docs/VtxMap.md)
--   [MapPlayer](/docs/MapPlayer.md)
--   [VtxSearchMap](/docs/VtxSearchMap.md)
--   [VtxOptMap](/docs/VtxOptMap.md)
-
-### 全量导入引用方式（==不推荐==）：
-
-```js
-# 地图组件(地图组件的ref函数现在改为getMapInstance)
-$ import { VtxMap, VtxOptMap, VtxZoomMap } from '@vtx/map';
-
-# 地图弹出框组件
-$ import { VtxSearchMap } from '@vtx/map';
-```
-
-### 使用 babel-plugin-import 动态加载引用方式(==推荐==)：
-
-```js
-# 地图组件(地图组件的ref函数现在改为getMapInstance)
-$ import { VtxMap } from '@vtx/map';
-$ const { VtxOptMap, VtxZoomMap, MapPlayer } = VtxMap;
-
-# 地图弹出框组件
-$ import { VtxSearchMap } from '@vtx/map';
-```
-
-## License
-
-[MIT](https://tldrlegal.com/license/mit-license)
+# map
+
+> 地图控件
+
+## 安装
+
+```bash
+# Install
+$ npm install @vtx/map
+#或者
+$ yarn add @vtx/map
+```
+
+## 文档
+
+-   [VtxMap](/docs/VtxMap.md)
+-   [MapPlayer](/docs/MapPlayer.md)
+-   [VtxSearchMap](/docs/VtxSearchMap.md)
+-   [VtxOptMap](/docs/VtxOptMap.md)
+
+### 全量导入引用方式（==不推荐==）：
+
+```js
+# 地图组件(地图组件的ref函数现在改为getMapInstance)
+$ import { VtxMap, VtxOptMap, VtxZoomMap } from '@vtx/map';
+
+# 地图弹出框组件
+$ import { VtxSearchMap } from '@vtx/map';
+```
+
+### 使用 babel-plugin-import 动态加载引用方式(==推荐==)：
+
+```js
+# 地图组件(地图组件的ref函数现在改为getMapInstance)
+$ import { VtxMap } from '@vtx/map';
+$ const { VtxOptMap, VtxZoomMap, MapPlayer } = VtxMap;
+
+# 地图弹出框组件
+$ import { VtxSearchMap } from '@vtx/map';
+```
+
+## License
+
+[MIT](https://tldrlegal.com/license/mit-license)

package/lib/VtxMap/BMap/Map.js

@@ -135,6 +135,7 @@ var BaiduMap = /*#__PURE__*/function (_React$Component) {
 
     _this.movePoints = []; //移动点的动画集合
 
+    _this.popupWindow = null;
     _this.state = {
       gis: null,
       //地图对象
@@ -238,6 +239,15 @@ var BaiduMap = /*#__PURE__*/function (_React$Component) {
         }));
       }
 
+      if (!window.BMapLib || !window.BMapLib.InfoBox) {
+        loadList.push(new Promise(function (resolve, reject) {
+          $.getScript("".concat(_default2["default"].mapServerURL, "/InfoBox_min.js"), function () {
+            resolve();
+          });
+        }));
+        loadList.push();
+      }
+
       loadList.push(new Promise(function (resolve, reject) {
         $.getScript("".concat(_default2["default"].mapServerURL, "/TextIconOverlay_min.js"), function () {
           resolve();
@@ -591,6 +601,8 @@ var BaiduMap = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
+
+      t.initPropsForUser();
     }
     /* 
         切换地图矢量图和卫星图背景
@@ -3101,6 +3113,39 @@ var BaiduMap = /*#__PURE__*/function (_React$Component) {
         upds: upds,
         otherads: otherads
       };
+    } // 信息窗口
+
+  }, {
+    key: "showInfoWindow",
+    value: function showInfoWindow(params) {
+      var t = this;
+
+      if (t.popupWindow) {
+        t.hideInfoWindow();
+      }
+
+      var poi = new BMap.Point(params.position[0], params.position[1]);
+      t.popupWindow = new BMapLib.InfoBox(t.state.gis, params.content, {
+        boxStyle: params.boxStyle,
+        closeIconMargin: "1px 1px 0 0",
+        enableAutoPan: true,
+        align: 1,
+        closeIconUrl: params.closeIconUrl || "".concat(_default2["default"].mapServerURL, "/images/close.png")
+      });
+      var marker = new BMap.Marker(poi);
+      t.popupWindow.open(marker);
+    } // 关闭信息窗口
+
+  }, {
+    key: "hideInfoWindow",
+    value: function hideInfoWindow() {
+      var t = this;
+
+      if (t.popupWindow) {
+        t.popupWindow.close();
+      }
+
+      t.popupWindow = null;
     } //百度搜索功能
 
   }, {
@@ -3605,6 +3650,36 @@ var BaiduMap = /*#__PURE__*/function (_React$Component) {
       if (nextProps.satelliteSwitch && JSON.stringify(nextProps.satelliteSwitch) != JSON.stringify(t.props.satelliteSwitch)) {
         t.showMapTypeControl(nextProps);
       }
+    } // 初始化对外方法
+
+  }, {
+    key: "initPropsForUser",
+    value: function initPropsForUser() {
+      var t = this;
+
+      t.state.gis["getCenter"] = function () {
+        return t.getCenter();
+      };
+
+      t.state.gis["setCenter"] = function (gt) {
+        t.setCenter(gt);
+      };
+
+      t.state.gis["getZoomLevel"] = function () {
+        return t.getZoomLevel();
+      };
+
+      t.state.gis["showInfoWindow"] = function (obj) {
+        return t.showInfoWindow(obj);
+      };
+
+      t.state.gis["hideInfoWindow"] = function () {
+        return t.hideInfoWindow();
+      };
+
+      t.state.gis["refresh"] = function () {
+        t.refresh();
+      };
     }
   }, {
     key: "componentWillUnmount",