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?