Fail to display image on candcastle example "Visualizing Spatial Data"

yt7589 · March 11, 2018, 2:02am

1. A concise explanation of the problem you're experiencing.
I tried to run this example: https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/index.html?src=Circles%20and%20Ellipses.html&label=Showcases

This is my code:
var redEllipse = viewer.entities.add({
    position: Cesium.Cartesian3.fromDegrees(-103.0, 40.0),
    name : 'Red ellipse on surface',
    ellipse : {
        semiMinorAxis : 250000.0,
        semiMajorAxis : 400000.0,
        material : Cesium.Color.RED.withAlpha(0.5)
    }
});

var blueEllipse = viewer.entities.add({
    position: Cesium.Cartesian3.fromDegrees(-95.0, 40.0, 100000.0),
    name : 'Blue translucent, rotated, and extruded ellipse with outline',
    ellipse : {
        semiMinorAxis : 150000.0,
        semiMajorAxis : 300000.0,
        extrudedHeight : 200000.0,
        rotation : Cesium.Math.toRadians(45),
        material : Cesium.Color.BLUE.withAlpha(0.5),
        outline : true
    }
});

viewer.zoomTo(viewer.entities);
redEllipse.ellipse.material = '//cesiumjs.org/images/2015/02-02/cats.jpg';

I had added the last line of code. When I F8 run this example it reported errors as bellow:

By the way I run this code in windows chrome browser. I run chrome with this command:
"...\chrome.exe" --args --disable-web-security

2. A minimal code example. If you've found a bug, this helps us reproduce and repair it.

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.
I want to use wall to model a building and attach the image to the wall. By doing this I aim to display a realistic building in the map.

4. The Cesium version you're using, your operating system and browser.
Cesium: 1.43
OS: windows 10
browser: chrome 64

Gabby_Getz · March 13, 2018, 9:05pm

Hi there,

That image url redirects to “https://cesium.com/blog/images/2015/02-02/cats.jpg”. When I change it to the following:

redEllipse.ellipse.material = ‘https://cesium.com/blog/images/2015/02-02/cats.jpg’;

``

I’ll fix the image path to “https://cesiumjs.org/tutorials/images/cats.jpg” and update the tutorial accordingly.

Thanks,

Gabby

Topic		Replies	Views
Failed to execute 'texImage2D' on 'WebGLRenderingContext': The image element contains cross-origin data, and may not be loaded CesiumJS	0	216	February 23, 2024
Error occur render CesiumJS	2	2598	June 18, 2018
New install on Chromebook, helloworld error message. CesiumJS	3	219	October 17, 2016
security error for amc bridge cesium CesiumJS	1	343	November 13, 2018
Adding Imagery Problem CesiumJS	2	188	February 14, 2014

Fail to display image on candcastle example "Visualizing Spatial Data"

Related topics