#

luxiaotao1123

2024-03-15 b06da9c41231c5ea277e1106ec7224b76bdb7807

 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;
@@ -278,6 +279,23 @@
    return options;
}

/**
 *     // 
    let sprite = mapContainer.children[0];
    let bounds = sprite.getBounds();
    console.log(bounds, sprite.getLocalBounds());
    console.log(sprite.position);

    console.log('-');

    console.log(mapContainer.scale, mapContainer.position);

    console.log('===========');


    return;
 */

export const adaptScreen = () => {
    if (!mapContainer || !app) {
        return;
@@ -306,11 +324,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();
}