| | |
| | | <div class="base-map-inner-panel" v-show="isShow"> |
| | | <div style="display: flex;" v-for="item in basemapList" :key="item.code" class="basemap-layer-item"> |
| | | <img class="base-map-img" :src="item.conf.icon_actived" width="50" height="50" :title="item.name" |
| | | @click="changeBasemap(item)"/> |
| | | @click="changeBasemap(item)" alt=""/> |
| | | <el-checkbox class="base-map-anno" name="basemap" v-model="item.conf.annotationCheck" |
| | | label="标注" @change="changeBasemap(item)"> |
| | | </el-checkbox> |
| | |
| | | data () { |
| | | return { |
| | | isShow: true, |
| | | currentBaseMapCode: 'tianditu_img', |
| | | basemapList: [] |
| | | } |
| | | }, |
| | |
| | | methods: { |
| | | updateBasemapList () { |
| | | this.basemapList = this.basemapHelper.getBasemapList() |
| | | // console.log(this.basemapList) |
| | | }, |
| | | changeBasemap (itm) { |
| | | // console.log(itm) |
| | | const code = itm.code |
| | | this.basemapList.forEach((item) => { |
| | | if (item.code === code) { |
| | | this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, true) |
| | | // console.log(this.currentBaseMapCode) |
| | | if (this.currentBaseMapCode == null || this.currentBaseMapCode !== code) { |
| | | this.currentBaseMapCode = code |
| | | this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, true) |
| | | } else { |
| | | this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, false) |
| | | } |
| | | |
| | | this.basemapHelper.getBasemapList().forEach((item) => { |
| | | item.layer.bringToBack() |
| | | }) |