diff --git a/src/views/responseManagement/userResponse/index.vue b/src/views/responseManagement/userResponse/index.vue
index a312d7d..6966b0a 100644
--- a/src/views/responseManagement/userResponse/index.vue
+++ b/src/views/responseManagement/userResponse/index.vue
@@ -123,7 +123,7 @@
         <span style="line-height: 35px;">Longitude：</span>
         <el-input  placeholder="wait……" style="height:35px;"  v-model="state.dislon" readonly="readonly"></el-input>
       </el-container>
-      <Map style="height:350px ; width:100% ;margin-bottom: 10px;" ref="mapRef"></Map>
+      <MapPage style="height:350px ; width:100% ;margin-bottom: 10px;" ref="mapRef"></MapPage>
       <el-form-item label="Disaster Time">
         <el-date-picker v-model="state.edit.disasterTime" type="date" value-format="YYYY-MM-DD"
           placeholder="Select date and time" />
@@ -172,6 +172,11 @@ const handleClick = (tab, event) => {
   state.selectName = tab.props.name;
   getTableData();
 };
+
+const MapPage = defineAsyncComponent({
+  loader:() =>import('/@/components/Map.vue'),
+  delay: 200,
+})
 const onAllocation = (row) => {
   select.value.openDialog(row)
 };