| | |
| | | } |
| | | |
| | | private addBasicControl() { |
| | | this.map.addControl(new ZoomSlider()); |
| | | // this.map.addControl(new ZoomSlider()); |
| | | // this.map.addControl(new FullScreen()); |
| | | const container = this.map.getViewport(); |
| | | if (!container) return; |
| | | const olZoom = container.querySelector('.ol-zoom') as HTMLElement; |
| | | if (!olZoom) return; |
| | | olZoom.style.display = 'none'; |
| | | } |
| | | |
| | | /** |
| | | * 放大地图 |
| | | */ |
| | | zoomIn() { |
| | | const view = this.map.getView(); |
| | | const zoom = view.getZoom(); |
| | | view.setZoom(zoom + 1); |
| | | } |
| | | |
| | | /** |
| | | * 缩小地图 |
| | | */ |
| | | zoomOut() { |
| | | const view = this.map.getView(); |
| | | const zoom = view.getZoom(); |
| | | view.setZoom(zoom - 1); |
| | | } |
| | | |
| | | getWMTS = () => { |