When displaying an entity, which is defined as follows and then added to the viewer via viewer.entities.add(myEnt), error messages occur in the same browsers on different computers:
const myEnt = {
name,
properties: new PropertyBag({
'North West': nw,
'North East': ne,
'South East': se,
'South West': sw
}),
polygon: {
hierarchy: Cartesian3.fromDegreesArrayHeights([
nw.coordinates[0],
nw.coordinates[1],
nw.coordinates[2],
ne.coordinates[0],
ne.coordinates[1],
ne.coordinates[2],
se.coordinates[0],
se.coordinates[1],
se.coordinates[2],
sw.coordinates[0],
sw.coordinates[1],
sw.coordinates[2]
]),
material: new ImageMaterialProperty({
image: config.getByUuid(
fileUuid
),
alpha: 1
}),
perPositionHeight: true,
outline: true
}
};
The coordinates are lon, lat and height values of four corners to draw the Polygon, representing the four corners of the image which should be used as Material.
On one computer, the entities are displayed correctly and without errors, but on another computer in the same browser (Chromium & Chrome, newest version, Linux Mint), the same CesiumJS application throws the following error:
An error occured while rendering. Rendering has stopped.
DeveloperError: Height must be less than or equal to the maximum texture size (4096). Check maximumTextureSize.
getByUuid returns the complete image file from a database.
What is the reason for this? How can I find out why different computers cause different behavior and how can I fix this?