Как подогнать карту openlayers, когда карта не полноразмерная?

У меня есть приложение angular, которое использует https://www.npmjs.com/package/angular-split < / а>. 1 разделенная область имеет карту открытых слоев. Если видна только область разделения карты, следующий метод:

private zoomToExtent(extent: IExtent, view: ol.View) {
  const mapSize = this.map.getSize();
  this.map.getView().fit(extent, { size: mapSize });
}

работает нормально. Однако, когда в окне открыто несколько разделов, оно не работает, потому что mapSize остается прежним, даже если карта меньше.

В остальном карта работает нормально, потому что кнопки карты и масштабная линия в правом нижнем углу адаптируются к открытию других разделенных областей.

Итак, как это сделать, т.е. как получить реальный размер карты?


openlayers angular-openlayers
person char m    schedule 26.02.2020    source источник
comment
попробуйте добавить this.map.updateSize() перед вызовом .getSize()   -  person Mike    schedule 26.02.2020
comment
Это определенно сработало! Большое спасибо!   -  person char m    schedule 26.02.2020

Ответы (1)


arrow_upward
1
arrow_downward

Возможно, calculateExtent подойдет:

Рассчитайте экстент для текущего состояния просмотра и переданного размера. Размер - это размер блока в пикселях, в который должен уместиться вычисляемый экстент. В большинстве случаев вы хотите получить экстент всей карты, то есть map.getSize().

Поэтому что-то вроде:

const currentExtent = this.map.getView().calculateExtent(this.map.getSize());

Изменить: Хороший отзыв от @Mike:

updateSize может быть еще лучше:

Принудительно пересчитать размер области просмотра карты. Это следует вызывать, когда сторонний код изменяет размер области просмотра карты.

private zoomToExtent(extent: IExtent, view: ol.View) { // Parameter view unnecessary (?)
  this.map.updateSize();
  this.map.getView().fit(extent, { size: this.map.getSize() });
}
person pzaenger    schedule 26.02.2020
comment
Спасибо! Параметр присутствует, потому что в реальном методе он используется. В реальном коде я буду вызывать updateSize при изменении видимости / размера разделенных областей. - person char m; 26.02.2020