From 30e36368e54581fcc0c581a004f1f68873c1e819 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期二, 10 五月 2022 08:37:34 +0800 Subject: [PATCH] 地图 --- src/components/Tab/Plot.vue | 63 ++++++++++++++++++++++++++++++- 1 files changed, 61 insertions(+), 2 deletions(-) diff --git a/src/components/Tab/Plot.vue b/src/components/Tab/Plot.vue index 1082c5a..15a6b1b 100644 --- a/src/components/Tab/Plot.vue +++ b/src/components/Tab/Plot.vue @@ -79,6 +79,7 @@ </template> <script> + import { addMap } from '@/api/fourColorMap' import { global } from '../../global'; // 默认样式 @@ -106,6 +107,35 @@ }, showCreatePanel: false, showPlot: true, + form:{ + id:'', + etype:1, + "type": "Feature", + "properties": { + "type": "polygon", + "style": { "text": "D号楼", "clampToGround": true }, + "attr": { + "name": "D号楼", + "id": "8a65b4df-2450-4dab-958d-fbd182cfd92d" + } + }, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [120.728524, 31.258178, 0], + [120.727911, 31.257992, 0], + [120.728024, 31.25772, 0], + [120.727986, 31.2577, 0], + [120.728039, 31.257535, 0], + [120.728759, 31.257714, 0], + [120.728524, 31.258178, 0], + [120.728524, 31.258178, 0], + [120.728524, 31.258178, 0] + ] + ] + } + }, }; }, computed: { @@ -149,7 +179,11 @@ name: '', }; }, - createHandle() { + async createHandle() { + // debugger + // this.form.geometry = JSON.stringify(this.form.geometry) + // this.form.properties = JSON.stringify(this.form.properties) + // let res = await addMap(this.form) if (!global.map) return; let map = global.map; const { id, name } = this.label; @@ -169,9 +203,34 @@ name, }, }, - () => { + (entity) => { this._initLabel(); this.$store.dispatch('map/updateTimestamp'); + this.form = { + id:'', + etype:1, + "type": "Feature", + "properties": + JSON.stringify(entity.attribute), + "geometry": JSON.stringify({ + "type": "Polygon", + "coordinates": [ + + wutu3d.draw.attr.getCoordinates(entity) + + ] + }) + } + addMap(this.form).then(res =>{ + if(res.data.code === '200'){ + this.$message({ + type:'success', + duration:2000, + title:'成功', + message:'四色图新增成功', + }) + } + }) } ); } -- Gitblit v1.9.2