🚀 地图设计器调整完毕

src/components/AMap/src/AMapDesigner/index.vue

@@ -12,7 +12,7 @@
              @reset="handleMapReset"
     />
     <div id="mapview" ref="mapview">
-      <div id="mapPanel" ref="mapPanel"/>
+      <div v-show="navigatePanel" id="mapPanel" ref="mapPanel"/>
     </div>
     <div v-show="sidebarControl" class="operatePanel">
       <div class="operatePanel-arrow" @click="toggleOperatePanel()">
@@ -124,6 +124,11 @@
     },
     toolbarHeight: propTypes.number.def(48),
     toolbarControl: propTypes.bool.def(true),
+    mapControl: {
+      type: Array as PropType<string[]>,
+      default: () => ['toolBar', 'controlBar', 'scale', 'mapType']
+    },
+    navigatePanel: propTypes.bool.def(true)
   });
 
   let map;
@@ -248,21 +253,29 @@
       // 创建地图实例
       map = new AMap.Map(instance.refs.mapview, mapState.mapConfig.options);
       map.plugin(['AMap.ToolBar', 'AMap.MapType', 'AMap.ControlBar', 'AMap.Scale'], () => {
-        // 地图操作工具条插件
+        if (mapProps.mapControl?.includes('toolBar')) {
-        map.addControl(new AMap.ToolBar());
+          // 地图操作工具条插件
-        // 组合了旋转,倾斜,复位,缩放插件
+          map.addControl(new AMap.ToolBar());
-        map.addControl(new AMap.ControlBar());
+        }
-        // 比例尺插件
+        if (mapProps.mapControl?.includes('controlBar')) {
-        const scale = new AMap.Scale();
+          // 组合了旋转,倾斜,复位,缩放插件
-        scale.show();
+          map.addControl(new AMap.ControlBar());
-        map.addControl(scale);
+        }
-        // 地图类型切换插件
+        if (mapProps.mapControl?.includes('scale')) {
-        map.addControl(
+          // 比例尺插件
-          new AMap.MapType({
+          const scale = new AMap.Scale();
-            defaultType: 0,
+          scale.show();
-            showRoad: true
+          map.addControl(scale);
-          })
+        }
-        );
+        if (mapProps.mapControl?.includes('mapType')) {
+          // 地图类型切换插件
+          map.addControl(
+            new AMap.MapType({
+              defaultType: 0,
+              showRoad: true
+            })
+          );
+        }
       });
       map.on('zoomchange', ctx => {
         mapState.defaultZoom = subtract(divide(map.getZoom(),2), 1);