#

luxiaotao1123

2024-03-15 ee9e27f969ccd8acb5b71546fcb9bd7e44bca8b7

 zy-asrs-flow/src/pages/map/utils.js

@@ -1,4 +1,5 @@
import * as PIXI from 'pixi.js';
import * as TWEEDLE from 'tweedle.js';

let app = null;
let mapContainer = null;
@@ -306,11 +307,15 @@
        app.renderer.height / (maxY - minY) * 0.9 // 90%的高度
    );

    mapContainer.scale.set(newScale);
    new TWEEDLE.Tween(mapContainer.scale).easing(TWEEDLE.Easing.Quadratic.Out)
        .to({
            x: newScale,
            y: newScale
        }, 200).start();

    // 让地图容器的中心点定位到屏幕的中心
    mapContainer.position.set(
        app.renderer.width / 2 - centerPoint.x * newScale,
        app.renderer.height / 2 - centerPoint.y * newScale
    );
    new TWEEDLE.Tween(mapContainer.position).easing(TWEEDLE.Easing.Quadratic.Out)
        .to({
            x: app.renderer.width / 2 - centerPoint.x * newScale,
            y: app.renderer.height / 2 - centerPoint.y * newScale
        }, 200).start();
}