From 6b2741434cb2be708a869505440f9f4efc8e6fd1 Mon Sep 17 00:00:00 2001
From: guoshipeng <3194674006@qq.com>
Date: Thu, 06 Jul 2023 10:00:14 +0800
Subject: [PATCH] 修改设备点击经纬度
---
src/components/map/pickCoordinate1.vue | 81 +++++++++++++++++++++++++---------------
1 files changed, 50 insertions(+), 31 deletions(-)
diff --git a/src/components/map/pickCoordinate1.vue b/src/components/map/pickCoordinate1.vue
index 89f8773..4b75cec 100644
--- a/src/components/map/pickCoordinate1.vue
+++ b/src/components/map/pickCoordinate1.vue
@@ -1,37 +1,56 @@
<template>
<a-modal
- title="������������"
- destroyOnClose
- :visible="true"
- @ok="addLonAndLat"
- @cancel="handleMapCancel"
- okText="������"
- class="modalStyle"
+ title="������������"
+ destroyOnClose
+ :visible="true"
+ @ok="addLonAndLat"
+ @cancel="handleMapCancel"
+ okText="������"
+ class="modalStyle"
>
-
<div>
- <p>
- <span>���������</span><a-input v-model="keyword" style="display: inline; width: 160px;height: 26px"/>
- <span style="margin-left: 25px">���������</span><a-input v-model="clickPoint.lng" style="display: inline; width: 160px;height: 26px"/>
- <span style="margin-left: 25px">���������</span><a-input v-model="clickPoint.lat" style="display: inline; width: 160px;height: 26px"/>
- </p>
-<!-- :scroll-wheel-zoom="true"-->
- <baidu-map
+ <p>
+ <span>���������</span
+ ><a-input
+ v-model="keyword"
+ style="display: inline; width: 160px; height: 26px"
+ />
+ <span style="margin-left: 25px">���������</span
+ ><a-input
+ v-model="clickPoint.lng"
+ style="display: inline; width: 160px; height: 26px"
+ />
+ <span style="margin-left: 25px">���������</span
+ ><a-input
+ v-model="clickPoint.lat"
+ style="display: inline; width: 160px; height: 26px"
+ />
+ </p>
+ <!-- :scroll-wheel-zoom="true"-->
+ <baidu-map
:center="center"
:zoom="zoom"
@ready="handler"
- @click="mapClFick"
+ @click="mapClick"
:scroll-wheel-zoom="true"
- style="height: 400px;width: 100%;">
- <bm-control>
- <bm-local-search :keyword="keyword" :auto-viewport="true" style="display: none" ></bm-local-search>
- <bm-marker :position="{ lng:clickPoint.lng , lat: clickPoint.lat}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
- </bm-marker>
- </bm-control>
- </baidu-map>
- </div>
+ style="height: 400px; width: 100%"
+ >
+ <bm-control>
+ <bm-local-search
+ :keyword="keyword"
+ :auto-viewport="true"
+ style="display: none"
+ ></bm-local-search>
+ <bm-marker
+ :position="{ lng: clickPoint.lng, lat: clickPoint.lat }"
+ :dragging="true"
+ animation="BMAP_ANIMATION_BOUNCE"
+ >
+ </bm-marker>
+ </bm-control>
+ </baidu-map>
+ </div>
</a-modal>
-
</template>
<script lang="tsx">
@@ -142,16 +161,16 @@
</script>
<style lang="less">
-
-.modalStyle{
- .ant-modal{
+.modalStyle {
+ .ant-modal {
margin-left: 25%;
}
- .ant-modal-content{
- width: 800px;
+ .ant-modal-content {
+ width: 800px;
}
}
-.BMap_cpyCtrl,.anchorBL {
+.BMap_cpyCtrl,
+.anchorBL {
display: none;
}
</style>
--
Gitblit v1.8.0