cesium加简单弹窗

最新推荐文章于 2024-05-29 11:38:40 发布

北寂.

最新推荐文章于 2024-05-29 11:38:40 发布

阅读量451

点赞数

文章标签： html css 前端

本文链接：https://blog.csdn.net/qq_45059900/article/details/128115227

版权

本文介绍如何在Cesium地图应用中集成HTML和CSS，实现一个简单的弹窗功能，详细阐述了相关代码实现和步骤。

摘要由CSDN通过智能技术生成

代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>cesium弹窗popup</title>
    <style>
      * {
        padding: 0;
        margin: 0;
      }

      #cesium-container {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
      }
    </style>

    <link
      rel="stylesheet"
      href="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/cesium/1.86.1/Widgets/widgets.min.css"
    />
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/cesium/1.90.0/Cesium.js"></script>
  </head>
  <body>
    <div id="cesium-container"></div>
    <a
      href="https://gis1024.com"
      style="position: absolute; left: 10px; top: 10px"
    >
      gis1024.com
    </a>
  </body>

  <script>
    // 请自己去cesiu