Cesium 学习记录（5）一次刷新出多个自定义气泡窗口

最新推荐文章于 2024-08-01 12:56:26 发布

zlx312

最新推荐文章于 2024-08-01 12:56:26 发布

阅读量9.6k

点赞数 10

分类专栏： web gis 文章标签： gis

本文链接：https://blog.csdn.net/zlx312/article/details/79825111

版权

本文介绍了在Cesium中如何实现在页面加载时自动显示多个自定义气泡窗口，每个窗口展示实时信息。通过动态生成带有唯一ID的DIV，并利用window[变量名]实现动态变量名，确保每个气泡窗口及其内容和关闭按钮的唯一性。文中提供了具体的CSS和JavaScript实现代码，展示了最终效果。

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

之前文章被抄袭过，抄袭者我就说一句好自为之，现在csdn没办法举报和投诉，有时间了我绝对追究到底

欢迎转载，不欢迎一个字不改还说自己是原创的。乐于知识分享，转载请注明原作者和地址，谢谢。

=================================================================

上一篇文章——Cesium 学习记录（4）自定义气泡窗口中讲述了如何自定义leaflet风格气泡窗口，并且点击物体后根据物体id获取需要的信息填充进气泡窗口中。

但是有时候可能会需要打开一个页面就自动出来好多气泡（气泡中可能展示一些实时信息），而不是点击一个出现一个。

我的方法比较笨，求轻喷，欢迎大神有更好的方法讨论指教。o(^▽^)o

1、CSS

CSS和上一节一样，没有什么改变

@CHARSET "UTF-8";
/*leaflet风格气泡窗口样式模板*/
.leaflet-popup {
    position: absolute;
    text-align: center;
}
.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;