超图为什么点击就全屏 怎么关闭点击全屏功能
时间: 2024-02-23 13:00:58 浏览: 24
超图的点击全屏功能可能是由地图库本身提供的。一般情况下,点击地图上的放大按钮或全屏按钮,地图库会自动将地图视图放大或全屏显示。
如果你需要关闭这个功能,可以考虑以下两种方法:
1. 禁用地图库自带的放大和全屏按钮
你可以在实例化地图时,设置相应的参数来禁用地图库自带的放大和全屏按钮,例如:
```javascript
const map = new SuperMap.Map('map', {
controls: [
new SuperMap.Control.Navigation({
zoomWheelEnabled: false, // 禁用鼠标滚轮缩放
dragPanOptions: {
enableKinetic: false // 禁用惯性滑动
}
})
]
});
```
这样,地图上的放大和全屏按钮就不会再生效了。
2. 添加自定义的关闭全屏按钮
如果你希望仍然保留放大和全屏功能,但需要用户手动关闭全屏视图,可以添加一个自定义的关闭按钮。方法与上面的回答类似,你可以在 HTML 页面中添加一个按钮,然后在 JavaScript 中获取该按钮并添加点击事件监听器。在事件处理函数中,调用地图库提供的退出全屏方法,例如:
```javascript
const closeButton = document.getElementById('close-btn');
closeButton.addEventListener('click', () => {
map.getControlsByClass('SuperMap.Control.FullScreen')[0].exitFullScreen();
});
```
其中 `map.getControlsByClass('SuperMap.Control.FullScreen')[0]` 可以获取地图库提供的全屏控件实例,调用 `exitFullScreen()` 方法即可退出全屏视图。