場(chǎng)景

Vue中使用Openlayers加載Geoserver發(fā)布的TileWMS：

Vue中使用Openlayers加載Geoserver發(fā)布的TileWMS_霸道流氓氣質(zhì)的博客-CSDN博客

在上面的基礎(chǔ)上實(shí)現(xiàn)加載地圖顯示，默認(rèn)會(huì)在地圖上顯示一些放大縮小旋轉(zhuǎn)的控件

怎樣去掉默認(rèn)的這些控件不顯示。

注：

博客：
霸道流氓氣質(zhì)的博客_CSDN博客-C#,架構(gòu)之路,SpringBoot領(lǐng)域博主
關(guān)注公眾號(hào)
霸道的程序猿
獲取編程相關(guān)電子書(shū)、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

1、初始化地圖時(shí)設(shè)置controls屬性中默認(rèn)組件的zoom等為false

??????????????????????? //加載控件到地圖容器中controls: defaultControls({zoom: false,rotate: false,attribution: false})

2、需要引入defaultControls

import { defaults as defaultControls} from 'ol/control';

3、完整代碼

?????????????????? this.map = new Map({layers: [this.layers, this.lineLayer],target: "gjMap",view: new View({projection: "EPSG:900913",center: [3820.708903118605, 5340.244776023301],zoom: 14.5,maxZoom: 19,minZoom: 14,}),?????????????????//加載控件到地圖容器中controls: defaultControls({zoom: false,rotate: false,attribution: false})});

4、設(shè)置之后

總結(jié)

以上是生活随笔為你收集整理的Vue+Openlayers显示TileWMS时不显示默认控件放大缩小旋转等组件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。