谷歌首页设置方法-如何加载谷歌全球的倾斜三维模型？谷歌设置指南

从谷歌5月份发布其对外提供倾斜三维模型服务后，我在GISer学习资源库知识星球中分享了5篇相关的内容。

今天摘录其中一篇给大家分享下，介绍一种目前为止，网页端加载谷歌倾斜模型最简单的方式之二

谷歌首页怎么设置

，这种方法源自medium上的一篇文章《Build Your Google Earth 3D Web App》，你只需要在中替换下对应的Key就可以啦。

代码

代码如下，需要替换key的地方我用中文做了标注。

<html lang="en">

<head>    <meta charset="utf-8">        <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 = '修改这个地方，换成自己的Token';        Cesium.GoogleMaps.defaultApiKey = '修改这个地方，换成自己的Key';        // 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></html>