cesium在线加载3DTileset

原创

已于 2024-03-29 09:21:21 修改 · 735 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#html

于 2024-03-29 09:18:35 首次发布

本文展示了如何使用Cesium.js库在一个HTML页面中创建一个3D地图视图，通过CesiumIon获取数据并加载CBD_D.json文件，实现地图的动态缩放和定位。

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.104/Build/Cesium/Cesium.js"></script>
    <link
      href="https://cesium.com/downloads/cesiumjs/releases/1.104/Build/Cesium/Widgets/widgets.css"
      rel="stylesheet"
    />

    <link href="style.css" rel="stylesheet" />
  </head>
  <body>
    <div id="cesiumContainer" class="fullSize"></div>

    <script>
      // Get your token from https://cesium.com/ion/tokens
      Cesium.Ion.defaultAccessToken =
        "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1Yzg3ZDEzOS0zN2Q1LTQ2N2YtOWJhMy1mNWU4MWY5N2ExYzkiLCJpZCI6MjAxMzIsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1NzY4MTIzNzR9.SfNeHedDyXWLIPiNbc4qSsHBACm7uvaqR