Merge pull request #17 from 2gis/TILES-5025

refreshResizeFrame

Author: Kuznecoff

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@2gis/deck2gis-layer",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "",
   "main": "dist/deck2gislayer.js",
   "typings": "dist/types/index.d.ts",

package.json

@@ -8,6 +8,7 @@ import {
     updateLayer,
     drawLayer,
     initDeck2gisProps,
+    onMapResize,
 } from './utils';
 import type { Deck, Layer } from '@deck.gl/core/typed';
 import { CustomRenderProps, DeckCustomLayer } from './types';
@@ -178,14 +179,21 @@ export class Deck2gisLayer<LayerT extends Layer> implements DeckCustomLayer {
         ) {
             return;
         }
+        const mapSize = this.map.getSize();
+        if (this.deck.width !== mapSize[0] || this.deck.height !== mapSize[1]) {
+            (this.deck as any).animationLoop._resizeCanvasDrawingBuffer();
+            (this.deck as any).animationLoop._resizeViewport();
+            const renderTarget = this.frameBuffer.bind(this.gl);
+            onMapResize(this.map, this.deck, renderTarget);
+        }
         const { _2gisData } = this.deck.props as CustomRenderProps;
-        _2gisData._2gisCurrentViewport = undefined;
         const gl = this.gl;
         this.frameBuffer.bind(gl);
         gl.clearColor(1, 1, 1, 0);
 
         if (_2gisData._2gisFramestart) {
             gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
+            _2gisData._2gisCurrentViewport = undefined;
             _2gisData._2gisFramestart = false;
         } else {
             gl.clear(gl.COLOR_BUFFER_BIT);
@@ -195,7 +203,6 @@ export class Deck2gisLayer<LayerT extends Layer> implements DeckCustomLayer {
         drawLayer(this.deck, this.map, this);
 
         gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-        const mapSize = this.map.getSize();
         const texture = this.frameBuffer.getTexture();
         texture.enable(gl, 0);
         this.program.enable(gl);

src/deckgl2gisLayer.ts

@@ -172,7 +172,7 @@ function onMapMove(deck: Deck, map: Map): void {
  * @hidden
  * @internal
  */
-function onMapResize(map: Map, deck: Deck, renderTarget: RenderTarget) {
+export function onMapResize(map: Map, deck: Deck, renderTarget: RenderTarget) {
     const mapSize = map.getSize();
     const gl = map.getWebGLContext();
     const size = [mapSize[0] * window.devicePixelRatio, mapSize[1] * window.devicePixelRatio];