From 137910cf4fc73a3a2787a3a02718f1e1f637c368 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期五, 14 六月 2024 16:01:17 +0800
Subject: [PATCH] bug修改
---
src/views/safetyReview/projectManage/components/mapLocation.vue | 44 +++++++++++++++++++++++++++++++++++++-------
1 files changed, 37 insertions(+), 7 deletions(-)
diff --git a/src/views/safetyReview/projectManage/components/mapLocation.vue b/src/views/safetyReview/projectManage/components/mapLocation.vue
index e566954..dcb20b3 100644
--- a/src/views/safetyReview/projectManage/components/mapLocation.vue
+++ b/src/views/safetyReview/projectManage/components/mapLocation.vue
@@ -25,10 +25,22 @@
</div>
</div>
<div class="mapLocation_body">
- <baidu-map class="map" ak="BkZdiHBj9aGrMdVFM48r2njNiMzsekga" v="3.0" type="API" :center="state.center" :zoom="15" scroll-wheel-zoom @ready="initMap" @click="getPosition">
+ <baidu-map class="map" ak="BkZdiHBj9aGrMdVFM48r2njNiMzsekga" v="3.0" type="API" :center="state.center" :zoom="state.zoom" scroll-wheel-zoom @ready="initMap" @click="getPosition">
+ <div style="position: absolute;z-index: 999;margin-top: -495px">
+ <label>搜索：<input v-model="state.keyword"></label>
+ <bm-local-search
+ :keyword="state.keyword"
+ :auto-viewport="true"
+ location="新疆"
+ :pageCapacity="3"
+ ></bm-local-search>
+ </div>
+
<bm-marker :position="{lng: state.longitude, lat: state.latitude}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
<bm-label content="选择地点" :labelStyle="{color: 'red', fontSize : '24px'}" :offset="{width: -35, height: 30}"/>
</bm-marker>
+
+
</baidu-map>
</div>
<div align="right" style="margin-top: 10px">
@@ -40,16 +52,19 @@
<script setup>
import {ref, onMounted, reactive, toRefs, defineComponent,defineExpose,defineEmits} from 'vue';
-import { BaiduMap,BmMarker } from 'vue-baidu-map-3x'
+import { BaiduMap,BmMarker,BmLocalSearch } from 'vue-baidu-map-3x'
const state = reactive({
title: '',
longitude: '',
latitude: '',
mapLocationVisible: false,
+ zoom: 7,
center: {
- lng: '116.404',
- lat: '39.915'
- }
+ lng: '116.42585576793277',
+ lat: '39.88973394962104'
+ },
+ keyword:'',
+ location: ''
})
const emit = defineEmits(['giveLatLng'])
@@ -65,8 +80,23 @@
}
const openMapLocation=(longitude,latitude)=>{
- state.longitude = longitude
- state.latitude = latitude
+ if(longitude != ""){
+ state.longitude = longitude
+ state.latitude = latitude
+ state.zoom = 13
+ state.center = {
+ lng: longitude,
+ lat: latitude
+ }
+ }else {
+
+ state.zoom = 7
+ state.center = {
+ lng: '87.61552721758208',
+ lat: '43.839018284106565'
+ }
+ }
+
state.mapLocationVisible = true
}
--
Gitblit v1.9.2