1.首先是获取图例
this.map.getLayers().forEach(x=>{
let i =[];
i.push(
x.label,
x.layerInfo.getSource().getLegendUrl()
)
legendUrls.push(i)
})
然后是通过使用获取到的图例url加载出图例:获取到的图例是图片形式,因此可以将获取到的url作为< img >标签的链接来展示
<img :src="data.src" v-if="data.dropDown==='legendDisplay'" style="float: left">