本節(jié)教程來講解entity的description屬性使用,官方文檔解釋為指定此實體的HTML描述的字符串屬性浇借,也就是說是一段字符串螟够,只是這段字符串是HTML描述,看起來還是比較繞漱贱,下面來看下這個屬性到底是如何使用的槐雾。
屬性信息
從這里可以看出,entity的description屬性信息是在實體被選中之后幅狮,被用于填充到infobox中募强,展示entity的屬性信息。
如果要使用Cesium自帶的infobox對description的HTML字符串同樣也是有一些要求崇摄,需要按照table標(biāo)簽拼接字符串擎值,
let des = '<table class="cesium-infoBox-defaultTable"><tbody>' + '<tr><th>' + selectedFeatures[i].fieldNames["0"] + '</th><td>' + selectedFeatures[i].fieldValues["0"] + '</td></tr></tbody></table>';
viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(108,29,100),
billboard :{
image : './images/location4.png',
width:30,
height:40,
},
name : selectedFeatures[i].fieldValues["11"],
description: des
});
從上面的示例,對description的使用已經(jīng)比較清楚了逐抑,那description還有沒有其他的用法鸠儿?
在小編看來description是用于存儲對象的屬性信息的,只要有相關(guān)的屬性厕氨,也可以相應(yīng)的存放在這里进每,不在遵循HTML的字符串,可以是任何形式的對象命斧。
viewer.entities.add({
position : Cesium.Cartesian3.fromDegrees(108,29,100),
billboard :{
image : './images/location4.png',
width:30,
height:40,
},
name : selectedFeatures[i].fieldValues["11"],
description: {
name:"示例",
value:"test",
children:[{
name:"child",
value:"child"
}]
}
});
當(dāng)description這么設(shè)置之后田晚,就不能再使用Cesium原生的infobox,需要配合自定義的bubble進(jìn)行屬性的展示国葬,自定義bubble的小編會在后續(xù)的教程中進(jìn)行講解贤徒。
本節(jié)課程就到這里芹壕,歡迎評論、轉(zhuǎn)發(fā)接奈、留言踢涌。