| | |
| | | <img :src="itemT.icon" :title="itemT.title" alt="" v-else/> |
| | | </el-button> |
| | | <div class="base-map-inner-panel" v-show="item.index==='2'"> |
| | | <div v-for="item in basemapList" :key="item.code" class="basemap-layer-item"> |
| | | <div v-for="item in basemapHelper.basemapList" :key="item.code" class="basemap-layer-item"> |
| | | <img class="base-map-img" width="50" height="50" :src="item.conf.icon_actived" :title="item.name" |
| | | @click="changeBasemap(item)" alt=""/> |
| | | <el-checkbox class="base-map-anno" name="basemap" v-model="item.conf.annotationCheck" |
| | |
| | | return this.$store.state.map.basemapHelper |
| | | } |
| | | }, |
| | | watch: { |
| | | basemapHelper (newVal) { |
| | | if (newVal != null) { |
| | | this.updateBasemapList() |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | updateBasemapList () { |
| | | this.basemapList = this.basemapHelper.getBasemapList() |
| | | init (map) { |
| | | this.map = map |
| | | this.toolBoxPanelVisible = true |
| | | }, |
| | | changeBasemap (itm) { |
| | | this.active = -1 |
| | | const code = itm.code |
| | | this.basemapList.forEach((item) => { |
| | | this.basemapHelper.basemapList.forEach((item) => { |
| | | if (item.code === code) { |
| | | console.log(this.currentBaseMapCode) |
| | | if (this.currentBaseMapCode == null || this.currentBaseMapCode !== code) { |
| | | this.currentBaseMapCode = code |
| | | this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, true) |
| | |
| | | this.basemapHelper.showBasemap(item.code, item.conf.annotationCheck, false) |
| | | } |
| | | |
| | | this.basemapHelper.getBasemapList().forEach((item) => { |
| | | this.basemapHelper.basemapList.forEach((item) => { |
| | | item.layer.bringToBack() |
| | | }) |
| | | } |
| | |
| | | this.drawLayer = this.L.layerGroup().addTo(this.map) |
| | | } |
| | | this.active = index |
| | | // this.isShow[index] = !this.isShow[index] |
| | | // this.isShow[index - 1] = !this.isShow[index - 1] |
| | | // if (this.checkbutton === index) { |
| | | // this.checked = !this.checked |
| | | // this.Selecd = -1 |
| | | // } else { |
| | | // if (this.checkbutton === -1) { |
| | | // this.checked = !this.checked |
| | | // } else { |
| | | // this.checked = true |
| | | // } |
| | | // } |
| | | // this.checkbutton = index |
| | | // console.log(this.isShow[index - 1]) |
| | | console.log(this.basemapList) |
| | | for (let i = 0; i < this.isShow.length; i++) { |
| | | this.isShow[i] = false |
| | | if (i !== index) { |
| | | this.isShow[i] = false |
| | | } |
| | | } |
| | | this.isShow[index] = true |
| | | // debugger |
| | | this.isShow[index] = !this.isShow[index] |
| | | this.isShow[index] ? (this.active = index) : (this.active = '') |
| | | }, |
| | | choiceItem (itemT, indexT) { |
| | | this.Selecd = indexT |