| | |
| | | <el-row v-show="selectGroup" class="specific-tools-group"> |
| | | <el-popover |
| | | placement="bottom" |
| | | width="100%" |
| | | trigger="click" |
| | | :popper-class="'tools-panel-content'" |
| | | v-for="(item,index) in menuList" :key="index" |
| | | :width="item.index === '2'?230 : 150" |
| | | > |
| | | <el-button slot="reference" class="el-button" :class="active === index ? 'tools-panel-choose':''" |
| | | @click="changeChoose(index)"> |
| | |
| | | import polygonJ from '@assets/images/map-pages/icon/toolbox/polygon.png' |
| | | import polygonS from '@assets/images/map-pages/icon/toolbox/ju.png' |
| | | import polygonY from '@assets/images/map-pages/icon/toolbox/circle.png' |
| | | import del from '@assets/images/map-pages/icon/toolbox/del.png' |
| | | |
| | | // 选中的内容图片 |
| | | import distanceChoose from '@assets/images/map-pages/icon/toolbox/biaohuimark/juliceliangmark.png' |
| | | import mmChoose from '@assets/images/map-pages/icon/toolbox/biaohuimark/mianjiceliangmark.png' |
| | | import delChoose from '@assets/images/map-pages/icon/toolbox/biaohuimark/shanchu.png' |
| | | |
| | | // 测量 |
| | | import distance from '@assets/images/map-pages/icon/toolbox/juli.png' |
| | | import distance from '@assets/images/map-pages/icon/toolbox/jusli.png' |
| | | import mm from '@assets/images/map-pages/icon/toolbox/M2.png' |
| | | |
| | | // 测量的方法 |
| | |
| | | index: '3-1', |
| | | label: '距离', |
| | | icon: distance, |
| | | title: '距离测量' |
| | | title: '距离测量', |
| | | iconChoose: distanceChoose |
| | | }, |
| | | { |
| | | index: '3-2', |
| | | label: '面积', |
| | | icon: mm, |
| | | title: '面积测量' |
| | | title: '面积测量', |
| | | iconChoose: mmChoose |
| | | }, |
| | | { |
| | | index: '3-3', |
| | | label: '清除', |
| | | icon: del, |
| | | title: '清除测量', |
| | | iconChoose: delChoose |
| | | } |
| | | ] |
| | | }, |
| | |
| | | ], |
| | | selectGroup: false, |
| | | drawLayer: null, |
| | | Draw: null, |
| | | map: null, |
| | | L: window.L, |
| | | active: 0 |
| | |
| | | break |
| | | case '面积': |
| | | Measure.startMeasureArea(this.map, this.L) |
| | | break |
| | | case '清除': |
| | | Measure.clearMeasure(this.map, this.L) |
| | | break |
| | | case '全屏': |
| | | // this.map.toggleFullscreen() |
| | |
| | | // width:220px!important; |
| | | //} |
| | | .base-map-inner-panel { |
| | | //width: 230px!important; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |