babylonjs使用geojson的一些优化

https://www.cnblogs.com/ljq66/p/9896578.html

一、模型优化

二、渲染优化

使用babylonjs自带优化器：

var optimizer = new BABYLON.SceneOptimizer(scene);
// 启动优化器
optimizer.start();

合并网格：

 BABYLON.Mesh.MergeMeshes

简化网格：

mesh.simplify([
    { quality: 0.5, distance: 1 },
    { quality: 0.25, distance: 10 }
], true, BABYLON.SimplificationType.QUADRATIC);

三、摄像机自适应

在 Babylon.js 中使用 GeoJSON 绘制平面地图后，可以通过以下步骤来控制摄像机，使其刚好可以显示整个地图：

计算地图的边界：从 GeoJSON 数据中提取所有坐标点，计算出地图的边界框（Bounding Box）。

设置摄像机的位置和目标：根据地图的边界框，设置摄像机的位置和目标，使其能够覆盖整个地图。

下面是一个示例代码，假设你已经加载了 GeoJSON 数据并绘制了地图：

// 假设你的GeoJSON数据已经加载并绘制在scene中
const geojsonData = YOUR_GEOJSON_DATA;

// 计算地图的边界框
let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
geojsonData.features.forEach(feature => {
    feature.geometry.coordinates[0].forEach(coord => {
        const [x, y] = coord;
        if (x < minX) minX = x;
        if (y < minY) minY = y;
        if (x > maxX) maxX = x;
        if (y > maxY) maxY = y;
    });
});

// 计算地图的中心点
const centerX = (minX + maxX) / 2;
const centerY = (minY + maxY) / 2;

// 计算地图的宽度和高度
const mapWidth = maxX - minX;
const mapHeight = maxY - minY;

// 创建摄像机
const camera = new BABYLON.ArcRotateCamera("camera", Math.PI / 2, Math.PI / 4, 10, new BABYLON.Vector3(centerX, 0, centerY), scene);

// 调整摄像机的半径（距离）以适应地图的大小
const aspectRatio = scene.getEngine().getAspectRatio(camera);
const radius = Math.max(mapWidth, mapHeight) * 1.1; // 1.1 是为了留一些边界
camera.radius = radius / aspectRatio;

// 设置摄像机的目标
camera.setTarget(new BABYLON.Vector3(centerX, 0, centerY));

// 将摄像机添加到场景中
scene.activeCamera = camera;
camera.attachControl(canvas, true);