diff --git a/web/src/pages/Edit/components/Navigator.vue b/web/src/pages/Edit/components/Navigator.vue
index 3ff43eab..5d0ce644 100644
--- a/web/src/pages/Edit/components/Navigator.vue
+++ b/web/src/pages/Edit/components/Navigator.vue
@@ -48,8 +48,10 @@ export default {
     this.$bus.$on("toggle_mini_map", (show) => {
       this.showMiniMap = show;
       this.$nextTick(() => {
-        this.init();
-        this.drawMiniMap();
+        if (show) {
+          this.init();
+          this.drawMiniMap();
+        }
       });
     });
     this.$bus.$on("data_change", () => {
diff --git a/web/src/pages/Edit/components/NavigatorToolbar.vue b/web/src/pages/Edit/components/NavigatorToolbar.vue
index 51863e57..0fb1e4ab 100644
--- a/web/src/pages/Edit/components/NavigatorToolbar.vue
+++ b/web/src/pages/Edit/components/NavigatorToolbar.vue
@@ -47,6 +47,9 @@ export default {
       openMiniMap: false
     }
   },
+  mounted () {
+    this.toggleMiniMap(this.openMiniMap)
+  },
   methods: {
     readonlyChange(value) {
       this.mindMap.setMode(value ? 'readonly' : 'edit')