fix

src/components/Map.vue

@@ -9,7 +9,6 @@
   >
     <ElForm :model="formData">
       <ElFormItem label="起点" prop="startName">
-        <!-- <ElInput /> -->
         <ElSelect
           v-model="formData.startName"
           clearable
@@ -44,8 +43,9 @@
 </template>
 <script setup>
 import AMapLoader from "@amap/amap-jsapi-loader";
-import { onMounted, reactive, ref, toRefs } from "vue";
 
+import { onMounted, reactive, ref, shallowRef, toRefs } from "vue";
+const map = shallowRef(null);
 const drawer = ref(true);
 const searchStartTips = ref([]);
 const amapPlugins = reactive({
@@ -62,6 +62,9 @@ const data = reactive({
   },
 });
 const { formData } = toRefs(data);
+const initMap = () => {
+  //   map.value=
+};
 onMounted(() => {
   AMapLoader.load({
     key: "7891f1238368a895ff1967c79643102d", // 申请好的Web端开发者Key，首次调用 load 时必填
@@ -94,6 +97,13 @@ onMounted(() => {
       placeSearch.value = new AMap.PlaceSearch({
         map: map,
       });
+      console.log(AMap);
+      AMap.Event.addListener(placeSearch.value, "markerClick", function (e) {
+        //添加事件
+        console.log(e); //获取点标注位置
+        formData.value.startName = e.data.name;
+        formData.value.startLngLat = [e.data.location.lng, e.data.location.lat];
+      });
       autoComplete.value = new AMap.AutoComplete({});
       // autoComplete.value.
       var clickHandler = function (e) {