set material of polyline error (geojson datasource)

arc z

unread,

Aug 23, 2017, 12:03:32 PM8/23/17

to cesium-dev

hi,all.

I add some polylines from a geojson datasource, then I hide all of them and only show one , and change its material, then chrome tell me error.

[code]
test:function(){
   var entities = [];
   for(var i=0; i<viewer.dataSources.length; i++){
       if(viewer.dataSources.get(i).name=='test.json'){
           entities =viewer.dataSources.get(i)._entityCollection._entities._array;
           break;
       }
   }

   for(var i in entities){
       entities[i].show = false;
   }

   var _en = entities[1];
   _en.show = true;
   _en.polyline.material = new Cesium.PolylineOutlineMaterialProperty({color : Cesium.Color.fromBytes(255,0,0),outlineWidth : 0});
},

[test.json]
{
"type": "FeatureCollection",
"features": [
{ "type": "Feature", "properties": { "Id": 0 }, "geometry": { "type": "LineString", "coordinates": [ [ 114.86133705101572, 40.51725185876473 ], [ 115.27982758793854, 40.326149243638127 ], [ 115.74186049286489, 40.461614388538003 ], [ 115.96682939421648, 40.289863936968516 ], [ 116.20873143868053, 40.555956185878983 ] ] } },
{ "type": "Feature", "properties": { "Id": 1 }, "geometry": { "type": "LineString", "coordinates": [ [ 114.86859411234964, 40.166493894291847 ], [ 115.49512040751155, 39.965715197386679 ], [ 116.03940000755568, 39.982648340499161 ], [ 116.31274931780007, 40.043123851615178 ], [ 116.67560238449616, 40.21971234407394 ] ] } }
]
}

[error]
Cesium.js:519 An error occurred while rendering. Rendering has stopped.
undefined
TypeError: Cannot read property 'id' of undefined
TypeError: Cannot read property 'id' of undefined
    at u.updateShows (http://localhost:9082/ksh/js/Cesium/Cesium.js:487:23097)
    at u.update (http://localhost:9082/ksh/js/Cesium/Cesium.js:487:22878)
    at c.update (http://localhost:9082/ksh/js/Cesium/Cesium.js:487:24418)
    at m.update (http://localhost:9082/ksh/js/Cesium/Cesium.js:488:7497)
    at x.update (http://localhost:9082/ksh/js/Cesium/Cesium.js:493:20904)
    at X._onTick (http://localhost:9082/ksh/js/Cesium/Cesium.js:522:12917)
    at r.raiseEvent (http://localhost:9082/ksh/js/Cesium/Cesium.js:457:26930)
    at u.tick (http://localhost:9082/ksh/js/Cesium/Cesium.js:465:25311)
    at P.render (http://localhost:9082/ksh/js/Cesium/Cesium.js:519:24234)
    at t (http://localhost:9082/ksh/js/Cesium/Cesium.js:519:12202)
   P.showErrorPanel @ Cesium.js:519

Gabby Getz

unread,

Aug 25, 2017, 2:23:22 PM8/25/17

to cesium-dev

Hi there,

Class members starting with an underscore (like _entityCollection) are private, and are not recommended for you to use. Instead, check out the DataSourceCollection and EntityCollection documentation for the public supported methods.

Thanks,

Gabby

--
You received this message because you are subscribed to the Google Groups "cesium-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cesium-dev+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Message has been deleted

arc z

unread,

Aug 29, 2017, 9:31:32 AM8/29/17

to cesium-dev

thank you , Gabby.

I change my demo, and not use private attribute. but strange questions also exist.
for example, I hide line first, when I want to change color and show , I need to click right button three times.

[test.json]
{
"type": "FeatureCollection",
"features": [
{ "type": "Feature", "properties": { "Id": 0 }, "geometry": { "type": "LineString", "coordinates": [ [ 114.86133705101572, 40.51725185876473 ], [ 115.27982758793854, 40.326149243638127 ], [ 115.74186049286489, 40.461614388538003 ], [ 115.96682939421648, 40.289863936968516 ], [ 116.20873143868053, 40.555956185878983 ] ] } },
{ "type": "Feature", "properties": { "Id": 1 }, "geometry": { "type": "LineString", "coordinates": [ [ 114.86859411234964, 40.166493894291847 ], [ 115.49512040751155, 39.965715197386679 ], [ 116.03940000755568, 39.982648340499161 ], [ 116.31274931780007, 40.043123851615178 ], [ 116.67560238449616, 40.21971234407394 ] ] } }
]
}

[code]
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>map</title>
    <script src="./js/Cesium/Cesium.js"></script>
</head>

<body>

    <button type="button" class="btn btn-link" style="position:absolute;z-index:10;left:30px;top:10px;font-size:24px;" onclick="toggleall()">toggleall</button>
    <button type="button" class="btn btn-link" style="position:absolute;z-index:10;left:150px;top:10px;font-size:24px;" onclick="showbyid(0)">showbyid</button>
    <div id="mapcontainer" style="width: 400px;height: 300px;margin-top:80px;"></div>

<script type="text/javascript">
    var viewer=null;
    var entityList = {'line':[]};

    window.onload = function(){
        initMap('mapcontainer');
    }

    function initMap(divId) {
        var me= this;
        viewer = new Cesium.Viewer(divId, {
            baseLayerPicker : false,
            animation : false,
            fullscreenButton : false,
            geocoder : false,
            homeButton : false,
            infoBox : false,
            sceneModePicker : false,
            selectionIndicator : false,
            timeline : false,
            navigationHelpButton : false,
            navigationInstructionsInitiallyVisible : false,
            sceneMode : Cesium.SceneMode.SCENE3D,
            skyBox : false,
            skyAtmosphere : false,
            imageryProvider : null
        });

        viewer._cesiumWidget.creditContainer.style.display = 'none';
        viewer.camera.setView( {
            destination : Cesium.Cartesian3.fromDegrees(116.0706,38.6695,121321),
            orientation: {
                heading : Cesium.Math.toRadians(-0),
                pitch : Cesium.Math.toRadians(-40),
                roll : 0.0
            }
        } );
        viewer.cesiumWidget.canvas.width = 400;
        viewer.cesiumWidget.canvas.height = 300;
        viewer.cesiumWidget.resize();

        viewer.scene.backgroundColor = Cesium.Color.TRANSPARENT;
        viewer.scene.globe.baseColor = Cesium.Color.TRANSPARENT;
        viewer.scene.fxaa = false;

        var source1 = new Cesium.GeoJsonDataSource('test');
        source1.show = false;
        source1.load('./test.json').then(function() {
            var me = window;
            var p = source1.entities.values;
            me.entityList['line'] = p;
            for ( var i = 0; i < p.length; i++) {
                p[i]._show = true;
                /*p[i].polyline.material = new Cesium.PolylineOutlineMaterialProperty({
                    color : Cesium.Color.fromBytes(11,209,252),
                    outlineWidth : 0
                });*/
                p[i].polyline.material = Cesium.Color.fromBytes(11,209,252);
                viewer.entities.add(p[i]);
            }
        });

    }
    function toggleall(){
        var me = window;
        var entities = me.entityList['line'];
        for(var i in entities){
            //entities[i].polyline.material = new Cesium.PolylineOutlineMaterialProperty({color : Cesium.Color.fromBytes(11,209,252),outlineWidth : 0});
            entities[i].polyline.material = Cesium.Color.fromBytes(11,209,252);
            entities[i].show = !entities[i].show;
        }
    }
    function showbyid(id){
        var me = window;
        var entities = me.entityList['line'];
        for(var i in entities){
            if(entities[i].properties['Id']==id){
                entities[i].polyline.material = Cesium.Color.fromBytes(255,0,0);
                //entities[i].polyline.material = new Cesium.PolylineOutlineMaterialProperty({color : Cesium.Color.fromBytes(255,0,0),outlineWidth : 0});
                entities[i].show = true;
            }
        }
    }
</script>
</body>
</html>

在 2017年8月26日星期六 UTC+8上午2:23:22，Gabby Getz写道：

To unsubscribe from this group and stop receiving emails from it, send an email to cesium-dev+...@googlegroups.com.

Gabby Getz

unread,

Aug 31, 2017, 5:40:45 PM8/31/17

to cesium-dev

Hi,

The way you are managing your entities with the window isn't what we recommend. Try reading through our Visualizing Spatial Data tutorial.

Thanks,

Gabby

To unsubscribe from this group and stop receiving emails from it, send an email to cesium-dev+unsubscribe@googlegroups.com.

arc z

unread,

Sep 3, 2017, 11:14:26 PM9/3/17

to cesium-dev

thank you, gabby.

I change my code , never use window. but the problem still exists.

when clicking left button hide the line first, need to click right button 3 times, the color turn to red.

在 2017年9月1日星期五 UTC+8上午5:40:45，Gabby Getz写道：

test.json

map.html

Gabby Getz

unread,

Sep 5, 2017, 10:45:32 AM9/5/17

to cesium-dev

Hi,

I think you are still managing adding and styling entities in a confusing way. I would recommend reading through the tutorial I sent in the last post, as well as our Cesium Workshop tutorial section on loading and styling entities.

Thanks,

Gabby

To unsubscribe from this group and stop receiving emails from it, send an email to cesium-dev+unsubscribe@googlegroups.com.

arc z

unread,

Sep 7, 2017, 7:49:30 AM9/7/17

to cesium-dev

thank you,gabby.

I edit my code, now it is very very very simple, no geojson,no private attribute, but the question also exist.

when hide line first, then show and change color, it worked need three times.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>map</title>
    <script src="./js/Cesium/Cesium.js"></script>

    window.onload = function(){
        initMap('mapcontainer');
    }

    function initMap(divId) {

        viewer = new Cesium.Viewer(divId, {
            baseLayerPicker : false,
            animation : false,
            fullscreenButton : false,
            geocoder : false,
            homeButton : false,
            infoBox : false,
            sceneModePicker : false,
            selectionIndicator : false,
            timeline : false,
            navigationHelpButton : false,
            navigationInstructionsInitiallyVisible : false,
            sceneMode : Cesium.SceneMode.SCENE3D,
            skyBox : false,
            skyAtmosphere : false,
            imageryProvider : null
        });

viewer.camera.setView( {
destination : Cesium.Cartesian3.fromDegrees(116.07,38.66,151321),

            orientation: {
                heading : Cesium.Math.toRadians(-0),
                pitch : Cesium.Math.toRadians(-40),
                roll : 0.0
            }
        } );

        viewer.cesiumWidget.canvas.width = 800;
        viewer.cesiumWidget.canvas.height = 600;
        viewer.cesiumWidget.resize();

        var polyline1 = new Cesium.Entity({
            show : true,
            polyline:{
                positions:Cesium.Cartesian3.fromDegreesArray([
                                114.86133705101572, 40.51725185876473,
                                115.27982758793854, 40.326149243638127,
                                115.74186049286489, 40.461614388538003,
                                115.96682939421648, 40.289863936968516,
                                116.20873143868053, 40.555956185878983
                            ]),
                material:Cesium.Color.fromBytes(11,209,252),
                width:2
            }
        });
        viewer.entities.add(polyline1);
    }
    function hideOrShow(){
        var entities = viewer.entities.values;
        for(var i in entities){

            entities[i].polyline.material = Cesium.Color.fromBytes(11,209,252);
            entities[i].show = !entities[i].show;
        }
    }

    function showAndChangecolor(){
        var entities = viewer.entities.values;
        for(var i in entities){
            entities[i].polyline.material = Cesium.Color.fromBytes(255,0,0);