| | |
| | | <template> |
| | | <div class="location-lon-and-lat"> |
| | | <!-- <el-row>--> |
| | | <!-- <el-form :model="lonlatpos" label-width="60px">--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="经度:">--> |
| | | <!-- <el-input type="text" v-model="lonlatpos.longPos"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="12">--> |
| | | <!-- <el-form-item label="纬度:">--> |
| | | <!-- <el-input type="text" v-model="lonlatpos.latPos"></el-input>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- </el-col>--> |
| | | <!-- </el-form>--> |
| | | <!-- <el-row>--> |
| | | <!-- <el-col :span="12" style="text-align: center;margin: 5px 0">--> |
| | | <!-- <el-button type="primary" size="small" @click="mapPoints">精确定位</el-button>--> |
| | | <!-- </el-col>--> |
| | | <!-- <el-col :span="12" style="text-align: center;margin: 5px 0">--> |
| | | <!-- <el-button type="primary" size="small" @click="dataPoints">数据识取</el-button>--> |
| | | <!-- </el-col>--> |
| | | <!-- </el-row>--> |
| | | <!-- </el-row>--> |
| | | <el-form :model="lonlatpos" label-width="60px"> |
| | | <el-row class="pipe-line-search"> |
| | | <el-col :span="12"> |
| | |
| | | <el-button type="primary" size="small" @click="mapPoints">精确定位</el-button> |
| | | </el-col> |
| | | <el-col :span="12" style="text-align: center;margin: 5px 0"> |
| | | <el-button type="primary" size="small" @click="dataPoints">数据识取</el-button> |
| | | <el-button type="primary" size="small" @click="dataPoints">位置拾取</el-button> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row class="place-bottom" style="text-align: right;margin: 5px"> |
| | | <el-row style="text-align: right;margin: 5px"> |
| | | <el-button type="primary" @click="confirm" size="small">确认</el-button> |
| | | </el-row> |
| | | </div> |
| | |
| | | window.map.addLayer(this.marker) |
| | | this.layersGroupArrList.push(this.marker) |
| | | window.map.off('click') |
| | | // this.lonlatpos.latPos = '' |
| | | // this.lonlatpos.longPos = '' |
| | | }) |
| | | }, |
| | | // 通过数据定位 |
| | | dataPoints () { |
| | | // this.lonlatpos.latPos = '' |
| | | // this.lonlatpos.longPos = '' |
| | | if (this.lonlatpos.latPos !== '' && this.lonlatpos.longPos !== '') { |
| | | const as = [this.lonlatpos.latPos, this.lonlatpos.longPos] |
| | | window.map.setView(as, 17) |
| | |
| | | </script> |
| | | |
| | | <style lang="less" scoped> |
| | | .place-box { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | } |
| | | |
| | | .place { |
| | | text-align: center; |
| | | |
| | | .place-top { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-around; |
| | | |
| | | .place-right { |
| | | .el-button { |
| | | margin: 15px; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |