場景

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

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

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

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

注：

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

實現(xiàn)

1、初始化地圖時設(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时不显示默认控件放大缩小旋转等组件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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