場景

Vue中使用Openlayers加載Geoserver發布的TileWMS：

Vue中使用Openlayers加載Geoserver發布的TileWMS_霸道流氓氣質的博客-CSDN博客

在上面的基礎上實現加載地圖顯示，默認會在地圖上顯示一些放大縮小旋轉的控件

怎樣去掉默認的這些控件不顯示。

注：

博客：
霸道流氓氣質的博客_CSDN博客-C#,架構之路,SpringBoot領域博主
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

1、初始化地圖時設置controls屬性中默認組件的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、設置之后

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。