欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Cesium中修改infoBox的样式

程序员文章站 2022-05-27 14:38:00
...

现在主要有两个方法:

1、

entity.description = '<div style="height: 360px;">' + 内容 + '</div>';

这里是在定义entity的描述内容时,设置好标签的style,这里不能全局改css样式;

2、

var viewer = new Cesium.Viewer('cesiumContainer');
var frame = viewer.infoBox.frame;

frame.addEventListener('load', function () {
    var cssLink = frame.contentDocument.createElement('link');
    cssLink.href = Cesium.buildModuleUrl('Path/To/Your/CSS/File.css');
    cssLink.rel = 'stylesheet';
    cssLink.type = 'text/css';
    frame.contentDocument.head.appendChild(cssLink);
}, false);这里是同意改infoBox的样式;
相关标签: Cesium