sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改定位显示逻辑

v1.3.0
于肖磊 2025-04-21 11:04:24 +08:00
parent 23683d2dd1
commit 342b7ea4b5
2 changed files with 29 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/base/maps/index.vue
View File

@ -138,7 +138,7 @@ export default defineComponent({
map.value.panTo(new T.LngLat(e.lnglat.lng, e.lnglat.lat));
lat.value = e.lnglat.lat;
lng.value = e.lnglat.lng;
context.emit('point', lng, lat);
context.emit('point', lng.value, lat.value);
});
}
break;
@ -166,7 +166,7 @@ export default defineComponent({
map.value.panTo(e.point);
lat.value = e.point.lat;
lng.value = e.point.lng;
context.emit('point', lng, lat);
context.emit('point', lng.value, lat.value);
});
// 设置标注提示信息
@ -192,7 +192,7 @@ export default defineComponent({
lat.value = e.latLng.lat;
lng.value = e.latLng.lng;
map.value.panTo(e.latLng);
context.emit('point', lng, lat);
context.emit('point', lng.value, lat.value);
});
break;
case 'amap':
@ -292,6 +292,9 @@ export default defineComponent({
break;
}
};
context.expose({
map_event,
});
},
});
</script>

27
src/components/common/url-value/link-custom.vue
View File

@ -54,10 +54,17 @@
<el-input v-model="form.name" class="link-input" placeholder="请输入名称" clearable />
</el-form-item>
<el-form-item label="详细地址" prop="address" :rules="address">
<el-input v-model="form.address" class="link-input" placeholder="请输入地址" type="1" clearable @change="address_change" />
<div class="flex-row gap-10">
<el-input v-model="form.address" class="link-input" placeholder="请输入地址" type="1" clearable />
<el-button type="primary" @click="address_change(form.address)">
<div class="flex-row gap-5 align-c">
<icon name="location" size="12" />定位
</div>
</el-button>
</div>
</el-form-item>
<el-form-item label="经纬度">
<maps v-model="map_address" :type="common_map_type" @point="map_point"></maps>
<maps ref="new_map" v-model="map_address" :type="common_map_type" @point="map_point"></maps>
<!-- <t-map v-model="map_address" @point="map_point"></t-map> -->
<!-- <bd-map v-model="map_address" @point="map_point"></bd-map> -->
<!-- <gd-map v-model="map_address" @point="map_point"></gd-map> -->
@ -73,6 +80,7 @@
<script lang="ts" setup>
import type { FormInstance } from 'element-plus';
import { commonStore } from '@/store';
import { HtmlHTMLAttributes } from 'vue';
const common_store = commonStore();
const common_map_type = common_store.common.config.common_map_type || 'baidu';
const props = defineProps({
@ -118,10 +126,21 @@ const custom_type_active = ref(0);
const custom_type_event = (item: any) => {
custom_type_active.value = item.id;
};
// maps 组件暴露了 map_event 方法
interface MapsComponent {
map_event: (val: string) => void;
}
const new_map = ref<MapsComponent | null>(null)
const map_address = ref('');
const address_change = (val: string) => {
map_address.value = val;
// 如果wei 为空或者与当前值不一致，则赋值，否则手动调用地图组件方法
if (map_address.value == '' || map_address.value != val) {
map_address.value = val;
} else {
if (new_map.value) {
new_map.value.map_event(val);
}
}
};
//#region 天地图 -----------------------------------------------start