生活不止眼前的苟且，还有诗和远方的田野

谷歌推出逼真的 3D Tiles（2023 年 5 月）

这是开放 3D 地理空间世界的重大突破。Google 的 3D 地理空间数据集现在首次向所有人开放，可以在 Google Earth 之外使用。逼真的 3D Tiles 允许开发人员访问 2,500 多个城市，并通过 Cesium 生态系统的功能探索他们的创造力，通过 CesiumJS 创建 Web 应用程序，并通过 Cesium for Game Engine 创建游戏引擎应用程序。Photorealistic 3D Tiles 可通过 Google Maps API 立即使用。此外，你还可以将自己的数据集与 Cesium Ion API 合并。

webgis学习，推荐看一下这本书，实操性很强

下面是一个Demo

注意要更改自己的key。可使用Live Server（一个vscode的插件）运行，也可以使用自己喜欢的 Web 服务器技术，无论是 Python、NodeJS、Apache 还是任何其他技术。

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="utf-8">
    <!-- Include the CesiumJS JavaScript and CSS files -->
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.105.1/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.105.1/Build/Cesium/Widgets/widgets.css"
        rel="stylesheet">
</head>


<body style="margin:0px">
    <div id="cesiumContainer" style="height:100vh;"></div>
    <script>


        Cesium.Ion.defaultAccessToken = '<Your CesiumIon Token>';
        Cesium.GoogleMaps.defaultApiKey = '<Your Google Map API Token>';
        // Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.
        const viewer = new Cesium.Viewer('cesiumContainer', {
            globe: false,
        });
        // add a global layer of Photorealistic 3D Tiles to our scene.
        // Add Photorealistic 3D Tiles
        async function addGoogleP3T() {
            try {
                const tileset = await Cesium.createGooglePhotorealistic3DTileset();
                viewer.scene.primitives.add(tileset);
            } catch (error) {
                console.log(`Error loading Photorealistic 3D Tiles tileset. ${error}`);
            }
        }
        addGoogleP3T();
        // Point the camera at the HFT Stuttgart (Change to yours!)
        viewer.camera.setView({ "destination": { "x": 4157461.4563741013, "y": 671341.0061027076, "z": 4774675.061607998 }, "orientation": { "direction": { "x": -0.9961029219201177, "y": 0.04678777747726383, "z": 0.07476545205468949 }, "up": { "x": 0.08148125542536441, "y": 0.1636911012978059, "z": 0.9831408995511365 } } })
</script>
    </div>
</body>
</htm!l>

key的获取