时间戳

首页 > 解决方案 > 使用带角度的openlayers范围

angular - 使用带角度的openlayers范围

问题描述

我将 Angular 6 与 openlayers 5.1.3 一起使用。我尝试结合两个矢量图层的范围，然后适合地图的视图。

我执行以下操作

import Extent from 'ol/interaction/Extent.js';
olextent: Extent;
//then in ngOnInit
ngOnInit() {
  this.olextent = new Extent();
}

//then get the extent of the 2 layers
let relatedext = this.relatedsource.getExtent();
let vectorext = this.vectorsource.getExtent(); 
//then create an empty extent and extent it with the layer extents

ext = this.olextent.createEmpty(); 
ext.extend(this.olextent, relatedext);
ext.extend(this.olextent, vectorext); 

//also create a size and use it with the extent to fit the map view

this.olmap.getView().fit(ext, {size:size, duration: 1500});

这段代码对我来说看起来很正常，但我明白了，但this.olextent.createEmpty is not a function它不起作用。

我怎样才能解决这个问题？

标签： angularopenlayersextent

解决方案

我认为这就是您可能想要实现的目标（除非您在代码的其他地方进行了一些交互处理）

import {createEmpty, extend} from 'ol/extent.js';

//then in ngOnInit
ngOnInit() {
  this.olextent = createEmpty();
}

//then get the extent of the 2 layers
let relatedext = this.relatedsource.getExtent();
let vectorext = this.vectorsource.getExtent(); 
//then extent empty extent with the layer extents

extend(this.olextent, relatedext);
extend(this.olextent, vectorext); 

//also create a size and use it with the extent to fit the map view

this.olmap.getView().fit(this.olextent, {size:size, duration: 1500});

推荐阅读