/*
|
* @Author: Morpheus
|
* @Name: 地图测距
|
* @Date: 2021-11-13 16:04:27
|
* @Last Modified by: Morpheus
|
* @Last Modified time: 2021-12-24 09:46:27
|
*/
|
|
<template>
|
<div class="tool-ranging">
|
<div class="header"
|
@mousedown="move"
|
:class="{'move': moveFlag}">
|
<div class="title">
|
<img class="icon deblurring"
|
src="/img/icon/dtcj.png"
|
alt="">
|
<span>
|
地图测距
|
</span>
|
</div>
|
<img class="close"
|
src="/img/navicon/close.png"
|
alt=""
|
@click="closeModel">
|
</div>
|
<div class="content">
|
<el-button type="primary"
|
size="mini"
|
@click.stop="calcDistance">
|
开始
|
</el-button>
|
|
<el-button type="danger"
|
size="mini"
|
@click.stop="deactivate">
|
结束
|
</el-button>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
|
import { mapGetters } from 'vuex'
|
|
export default {
|
computed: {
|
...mapGetters([
|
'viewer'
|
])
|
},
|
created () {
|
},
|
methods: {
|
calcDistance () {
|
this.viewer.measure.distance()
|
},
|
|
deactivate () {
|
this.viewer.measure.deactivate()
|
},
|
|
closeModel () {
|
this.$store.dispatch('delVisitedViews', this.$route)
|
this.$router.push('/pcLayout/default')
|
}
|
},
|
destroyed () {
|
}
|
}
|
</script>
|
|
<style>
|
</style>
|
