|
let _drawableContainer = null;
|
|
//设置自定义标签
|
function setCustomLabels(obj) {
|
// 初始化DrawableContainer
|
if (_drawableContainer == null) {
|
let drawableConfig = new Glodon.Bimface.Plugins.Drawable.DrawableContainerConfig();
|
drawableConfig.viewer = _viewer;
|
_drawableContainer = new Glodon.Bimface.Plugins.Drawable.DrawableContainer(drawableConfig);
|
}
|
else {
|
_drawableContainer.clear();
|
}
|
if (obj == null || obj.length < 1) {
|
return;
|
}
|
obj.forEach(item => {
|
addCustomLabelItem(item);
|
});
|
}
|
|
//添加自定义标签项
|
//function addCustomLabelItem(item) {
|
// let content = document.createElement('div');
|
// content.style.width = '110px';
|
// content.style.height = 'auto';
|
// content.style.border = 'solid';
|
// content.style.borderColor = '#FFFFFF';
|
// content.style.padding = '2px';
|
// content.style.borderWidth = '1px';
|
// content.style.borderRadius = '3px';
|
// content.style.background = '#32D3A6';
|
// content.innerHTML = getTdHtml(item.data);
|
// content.style.color = '#FFFFFF';
|
// content.style.fontSize = '10px';
|
// //content.style.textAlign = 'center';
|
// content.style.lineHeight = '14px';
|
// let config = new Glodon.Bimface.Plugins.Drawable.CustomItemConfig();
|
// config.content = content;
|
// config.viewer = _viewer;
|
// config.opacity = 1;
|
// config.worldPosition = _modeler.getBoundingBoxById(item.id).min;
|
// let customLabelItem = new Glodon.Bimface.Plugins.Drawable.CustomItem(config);
|
// _drawableContainer.addItem(customLabelItem);
|
//}
|
|
|
//清除自定义标签
|
function clearCustomLabels() {
|
if (_drawableContainer == null) {
|
return;
|
}
|
_drawableContainer.clear();
|
}
|
|
//获取数据内容html
|
//function getTdHtml(data) {
|
// if (data == null || data.length < 1) {
|
// return '';
|
// }
|
// let html = '<table>';
|
// data.forEach(d => {
|
// html += '<tr><td style="width:50px">' + d.name + '</td><td style="width:40px">' + d.value + '</td><td>' + d.unit + '</td></tr>'
|
// });
|
// return html += '</table>';
|
//}
|
|
|
//添加自定义标签项
|
function addCustomLabelItem(item) {
|
let content = document.createElement('div');
|
content.className = 'w-fit rounded-md space-y-1.5 text-nowrap flex flex-col';
|
content.style.color = 'white';
|
content.style.backgroundColor = '#32d3a6';
|
content.style.padding = '5px';
|
content.style.fontSize = '10px';
|
|
content.innerHTML = getTdHtml(item.data);
|
|
let config = new Glodon.Bimface.Plugins.Drawable.CustomItemConfig();
|
config.content = content;
|
config.viewer = _viewer;
|
config.opacity = 1;
|
config.worldPosition = _modeler.getBoundingBoxById(item.id).min;
|
let customLabelItem = new Glodon.Bimface.Plugins.Drawable.CustomItem(config);
|
_drawableContainer.addItem(customLabelItem);
|
}
|
|
|
//获取数据内容html
|
function getTdHtml(data) {
|
if (data == null || data.length < 1) {
|
return '';
|
}
|
let html = '';
|
data.forEach((d) => {
|
html += `
|
<div class="flex justify-between items-center">
|
<span>${d.name}</span>
|
<span class="p-x-8">${d.value}</span>
|
<span>${d.unit}</span>
|
|
</div>`;
|
});
|
return html;
|
}
|
