This commit is contained in:
cxc
2023-01-07 14:21:29 +08:00
parent e3ba78c5bf
commit f5eb86c8b2

View File

@ -9,7 +9,6 @@
> >
<ElForm :model="formData"> <ElForm :model="formData">
<ElFormItem label="起点" prop="startName"> <ElFormItem label="起点" prop="startName">
<!-- <ElInput /> -->
<ElSelect <ElSelect
v-model="formData.startName" v-model="formData.startName"
clearable clearable
@ -44,8 +43,9 @@
</template> </template>
<script setup> <script setup>
import AMapLoader from "@amap/amap-jsapi-loader"; 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 drawer = ref(true);
const searchStartTips = ref([]); const searchStartTips = ref([]);
const amapPlugins = reactive({ const amapPlugins = reactive({
@ -62,6 +62,9 @@ const data = reactive({
}, },
}); });
const { formData } = toRefs(data); const { formData } = toRefs(data);
const initMap = () => {
// map.value=
};
onMounted(() => { onMounted(() => {
AMapLoader.load({ AMapLoader.load({
key: "7891f1238368a895ff1967c79643102d", // 申请好的Web端开发者Key首次调用 load 时必填 key: "7891f1238368a895ff1967c79643102d", // 申请好的Web端开发者Key首次调用 load 时必填
@ -94,6 +97,13 @@ onMounted(() => {
placeSearch.value = new AMap.PlaceSearch({ placeSearch.value = new AMap.PlaceSearch({
map: map, 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 = new AMap.AutoComplete({});
// autoComplete.value. // autoComplete.value.
var clickHandler = function (e) { var clickHandler = function (e) {