From b9698fdce1734673e847ee5f62244dfd27077027 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期三, 11 一月 2023 15:33:36 +0800
Subject: [PATCH] 地图功能
---
src/views/systemSetting/device/grid/components/components/dialogForm.vue | 23 +++++++++++++++++++++--
1 files changed, 21 insertions(+), 2 deletions(-)
diff --git a/src/views/systemSetting/device/grid/components/components/dialogForm.vue b/src/views/systemSetting/device/grid/components/components/dialogForm.vue
index 3f2ca32..7dba592 100644
--- a/src/views/systemSetting/device/grid/components/components/dialogForm.vue
+++ b/src/views/systemSetting/device/grid/components/components/dialogForm.vue
@@ -39,7 +39,8 @@
</el-form-item>
<el-form-item class="optionItem" label="鎻忚堪:" prop="description">
- <el-input type="textarea"
+ <el-input
+ type="textarea"
v-model="form.description"
placeholder="璇峰～鍐欐弿杩�"
:rows="4"
@@ -48,7 +49,10 @@
<el-form-item class="optionItem" label="璐ｄ换鍖哄煙:" prop="region">
<Map
- style="width: 400px; height: 300px"
+ :point="point"
+ :zoom="zoom"
+ @getRegion="getRegion"
+ style="width: 600px; height: 400px"
:region="form.region"
></Map>
</el-form-item>
@@ -111,11 +115,18 @@
children: "children",
label: "departName",
},
+ point: { x: "119.27179890", y: "28.59027084" },
+ zoom: 15,
};
},
created() {
// 鍒濆鍖栨暟鎹�
this.form = this.info;
+ if (this.info.center) {
+ var center = JSON.parse(this.info.center);
+ this.point = { x: center[0], y: center[1] };
+ this.zoom = this.info.zoom;
+ }
},
watch: {
@@ -152,6 +163,14 @@
}
});
},
+ getRegion(e) {
+ this.form.center = JSON.stringify([
+ e.map.getCenter().lng,
+ e.map.getCenter().lat,
+ ]);
+ this.form.zoom = e.map.getZoom();
+ this.form.region = JSON.stringify(e.path);
+ },
},
props: ["info", "closeDialog"],
};
--
Gitblit v1.8.0