将 AGI Cesium 整合到 Django HTML

Question

我一直在尝试在 Django 上的 html 中创建一个 Cesium 查看器。我似乎无法合并小部件、图像、样式等。我不确定如何将整个构建文件夹放入我的 django 项目的静态文件夹中，因为 Cesium 所需的所有必要小部件和东西都位于那个特定的文件。我尝试执行 @import url(Build/Cesium/Widgets) 但它没有用。非常感谢任何帮助！

这是我目前的情况：

Index.html

<html>
<head>
    <title>Lab00</title>

</head>
<body>
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'mystyle.css' %}" />
    <style>
      @import url(/Build/Cesium/Widgets/widgets.css); 
    </style>
    <!-- Use correct character set. -->
  <meta charset="utf-8">
  <!-- Tell IE to use the latest, best version. -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
     {% load staticfiles%}
     <script src= {% static "js/Cesium.js"  %} type="text/javascript"></script>
     <div id="cesiumContainer"></div>
     <script>
        var viewer = new Cesium.Viewer('cesiumContainer');
     </script>
</body> 
</html>

mystyle.css

body {
    background-color: lightblue;
    color:purple;
    font-family: "Tahoma";
}
#cesiumContainer {
          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
      }
h1 
{
    color: navy;
    background-color: green;
    margin-left: 20px;
    margin-right: 20px;
}
.dot
{
    color:blue;
    margin-right: 30px;
    font-size: 40;
}

Answer 1

Nvm，我修好了。您必须获取整个构建文件夹并将各个子文件夹放入 django 中的 static/js 文件夹中。

将 AGI Cesium 整合到 Django HTML

Incorporating AGI Cesium into Django HTML

javascript

html

css

django

cesium