diff --git a/src/views/layout/components/main/nofly/setNofly.vue b/src/views/layout/components/main/nofly/setNofly.vue
new file mode 100644
index 0000000..60ffc95
--- /dev/null
+++ b/src/views/layout/components/main/nofly/setNofly.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="h-100">
+    <map-box v-if="showMapbox" :key="mapboxKey" ref="mapbox" :enableNofly="true" />
+  </div>
+</template>
+
+<script>
+import MapBox from '@/components/MapBox'
+
+export default {
+  name: 'Nofly',
+  components: {
+    MapBox
+  },
+  data () {
+    return {
+      showMapbox: true, // 数据更新的时候 用于刷新地图组件
+      mapboxKey: 0 // 初始化一个变量用于控制map-box组件的重新渲染
+    }
+  },
+  computed: {
+    noflyData () {
+      return this.$store.state.noflyData
+    },
+    isCollapse () {
+      return this.$store.state.app.isCollapse
+    }
+  },
+  methods: {
+
+  },
+  mounted () {
+  },
+  watch: {
+    noflyData: {
+      deep: true,
+      immediate: true,
+      handler () {
+        this.showMapbox = false
+        this.$nextTick(() => {
+          this.mapboxKey++
+          this.showMapbox = true
+        })
+      }
+    },
+    isCollapse (val) {
+      if (val) {
+        this.$refs.mapbox.handleResize()
+      }
+    }
+  }
+}
+
+</script>
+
+<style scoped></style>
diff --git a/src/views/layout/components/main/nofly/setRestrictfly.vue b/src/views/layout/components/main/nofly/setRestrictfly.vue
new file mode 100644
index 0000000..60ffc95
--- /dev/null
+++ b/src/views/layout/components/main/nofly/setRestrictfly.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="h-100">
+    <map-box v-if="showMapbox" :key="mapboxKey" ref="mapbox" :enableNofly="true" />
+  </div>
+</template>
+
+<script>
+import MapBox from '@/components/MapBox'
+
+export default {
+  name: 'Nofly',
+  components: {
+    MapBox
+  },
+  data () {
+    return {
+      showMapbox: true, // 数据更新的时候 用于刷新地图组件
+      mapboxKey: 0 // 初始化一个变量用于控制map-box组件的重新渲染
+    }
+  },
+  computed: {
+    noflyData () {
+      return this.$store.state.noflyData
+    },
+    isCollapse () {
+      return this.$store.state.app.isCollapse
+    }
+  },
+  methods: {
+
+  },
+  mounted () {
+  },
+  watch: {
+    noflyData: {
+      deep: true,
+      immediate: true,
+      handler () {
+        this.showMapbox = false
+        this.$nextTick(() => {
+          this.mapboxKey++
+          this.showMapbox = true
+        })
+      }
+    },
+    isCollapse (val) {
+      if (val) {
+        this.$refs.mapbox.handleResize()
+      }
+    }
+  }
+}
+
+</script>
+
+<style scoped></style>