Изменение масштаба и измерения в соответствии с проекцией в openlayer5 - PullRequest
Новая
       16

Изменение масштаба и измерения в соответствии с проекцией в openlayer5

0 голосов
/ 21 мая 2019

Я строю карту изображений на основе плиток, используя openlayer, где я изменил проекцию на собственную вместо EPSG по умолчанию.Мне нужно, чтобы шкала показывала правильную шкалу в соответствии с моим отношением расстояния к пикселям, а также мне нужны измерения в соответствии с этой шкалой.

Я изменил metersPerUnit, чтобы соответствовать моей потребности в шкале, но, похоже, она зависит отэкстентов.1. Как именно используется экстент в масштабе?2. Я могу видеть изменение значения масштаба при перемещении по вертикали на моей карте, что не должно быть так, потому что это плоская проекция.(У меня есть global, установленный как true, который, как я предполагал, должен был это исправить. Понимаю ли я что-то неправильно в global?

Измерения все еще сильно отличаются даже после изменения metersPerUnit, которое, я полагаю,потому что мне нужно также изменить функцию getPointResolution? Но я добавил, что, кажется, не работает должным образом. Измерения все еще разные. 

getPointResolution = (projection, resolution, point, opt_units) => {
        var pointResolution = resolution;
        pointResolution /= projection.getMetersPerUnit();
        return pointResolution;
    };

proj = new Projection({
      code: 'ZOOMIFY',
      units: 'pixels',
      extent: [0, 0, imgWidth, imgHeight],
      metersPerUnit: (constant_micronsperpixel * 0.000001 / imgWidth),
      global: true,
      getPointResolution: getPointProjection
    });

Другое дело, мне нужно было использовать imgWidthв metersPerUnit для исправления шкалы, которая кажется взломанной, или я не совсем понимаю, как используется экстент для вычисления шкалы. И в чем разница между extent и globalExtent

Обновление: 27Май

Мне удалось вычислить некоторые вещи. Экстенты не нужны для масштаба. Исправление разрешений и реализация правильного getPointResolution для просмотра гарантируют, что измерения правильны вместе с масштабом. Это также исправило мою изменяющуюся шкалу при движениипо вертикали. Однако представление теперь не запрашивает изображения. Есть идеи почему?

Обновлен код 

this.getPointResolution = (resolution, point) => {
        var pointResolution = resolution;
        return pointResolution;
    }

    this.proj = new Projection({
      code: 'MORPHLE',
      units: 'm',
      metersPerUnit: 0.000001,
      global: true,
      getPointResolution: this.getPointResolution,

    });

    this.resolutions = [this.props.slide_data.uperpixel * 128,this.props.slide_data.uperpixel * 64,this.props.slide_data.uperpixel * 32, this.props.slide_data.uperpixel * 16, this.props.slide_data.uperpixel * 8, this.props.slide_data.uperpixel * 4, this.props.slide_data.uperpixel*2, this.props.slide_data.uperpixel];

    this.viewer = new Map({
      controls: [],
      target: null,
      overlays: [this.popup],
      layers: [
        new TileLayer({
          source: new XYZ({
            url: this.props.url,
            maxZoom: this.props.max_zoom - 1,
            minZoom: 0,
            wrapX: false,
            tileSize: [500, 500],
            projection: this.proj
          }),
          minResolution: (this.props.slide_data.uperpixel),
          maxResolution: (this.props.slide_data.uperpixel * 128)

        })
      ],
      view: new View({
        projection: this.proj,
        center: this.state.center,
        resolutions: this.resolutions,
        minZoom: 0,
        zoom: this.state.zoom,
        rotation: this.slideAngle
      })
    });

Изображениясейчас не запрашиваются, как я вижу в Network Tab браузера.

1 Ответ

0 голосов
/ 29 мая 2019

После долгих тренировок я решил свою проблему. Вот некоторые идеи, которые я узнал и которых нет в документации / трудно понять:
1. Экстент imgHeight и imgWidth должен быть размером изображения с полным разрешением, то есть в X-изображениях с наибольшим увеличением * Tile-X-Width и Y-Images * Tile-Y-Width.
2. Разрешения, добавленные в TileGrid, определяют URL-адрес изображения, в то время как разрешения в View определяют только разрешения просмотра. Если они совпадают (при некоторых масштабах), тогда изображения будут запросами, иначе увеличение будет только цифровым.

Итак, если кто-то хочет использовать глубокий зум, используя OpenLayer с пользовательской проекцией и разрешениями, а также с правильной проекцией и измерениями, следующий код: 

this.imgWidth = this.stitched_tile_width * this.x_max;
this.imgHeight = this.tile_height * this.y_max;

this.resolutions = [];
let z_levels = this.props.slide_data.z_levels.split(",");
(z_levels).forEach((level, index) => {
      this.resolutions.push(this.distperpixel * Math.pow(2, parseInt(level)));
});

this.resolutions = this.resolutions.reverse();

this.getPointResolution = (resolution, point) => {
      var pointResolution = resolution;
      return pointResolution;
}

    this.proj = new Projection({
      code: 'CUSTOM',
      units: 'pixels',
      extent: [0, 0, this.imgWidth, this.imgHeight],
      metersPerUnit: 0.000001,
      global: true,
      getPointResolution: this.getPointResolution,
    });

    this.layer = new TileLayer({
      extent: this.proj.getExtent(),
      source: new TileImage({
        tileGrid: new TileGrid({
          extent: this.proj.getExtent(),
          origin: [0, this.imgHeight],
          resolutions: this.resolutions,
          tileSize: [this.tile_width, this.tile_height],
        }),
        projection: this.proj,
        url: this.props.url,
        wrapX: false
      }),
    });

    this.viewer = new Map({
      layers: [
        this.layer
      ],
      view: new View({
        projection: this.proj,
        extent: this.proj.getExtent(),
        center: this.state.center,
        zoom: starting_zoom,
        maxResolution: this.resolutions[0],
        maxZoom: (this.resolutions.length - 1),
        rotation: this.slideAngle
      })
    });
...