| | |
| | | }, |
| | | methods: { |
| | | zoomIn() { |
| | | const view = window.map.getView(); |
| | | const view = window.mapapi.getView(); |
| | | const zoom = view.getZoom(); |
| | | |
| | | map.getView().animate({ |
| | | window.mapapi.getView().animate({ |
| | | // 只设置需要的属性即可 |
| | | center: window.map.getView().getCenter(), // 中心点 |
| | | center: window.mapapi.getView().getCenter(), // 中心点 |
| | | zoom: zoom + 1, // 缩放级别 |
| | | rotation: undefined, // 缩放完成view视图旋转弧度 |
| | | duration: 1000, // 缩放持续时间,默认不需要设置 |
| | | }); |
| | | }, |
| | | zoomOut() { |
| | | const view = window.map.getView(); |
| | | const view = window.mapapi.getView(); |
| | | const zoom = view.getZoom(); |
| | | |
| | | map.getView().animate({ |
| | | window.mapapi.getView().animate({ |
| | | // 只设置需要的属性即可 |
| | | center: window.map.getView().getCenter(), // 中心点 |
| | | center: window.mapapi.getView().getCenter(), // 中心点 |
| | | zoom: zoom - 1, // 缩放级别 |
| | | rotation: undefined, // 缩放完成view视图旋转弧度 |
| | | duration: 1000, // 缩放持续时间,默认不需要设置 |