# Invali Array Lenght

**URL:** <https://community.cesium.com/t/invali-array-lenght/6288>\
**Category:** CesiumJS\
**Created:** [November 24, 2017, 9:22am UTC](https://community.cesium.com/t/invali-array-lenght/6288 "2017-11-24T09:22:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Seema\_Barate](https://avatars.discourse-cdn.com/v4/letter/s/c5a1d2/32.png) [@Seema\_Barate](https://community.cesium.com/u/Seema_Barate)\
**Post date:** [November 24, 2017, 9:22am UTC](https://community.cesium.com/t/invali-array-lenght/6288/1 "2017-11-24T09:22:56Z")

</div>

1. A concise explanation of the problem you're experiencing.

I have Json data,at the time of loading data there is rendering error.I tried some solutions but still its not solved.

Error:  
An error occurred while rendering. Rendering has stopped.  
RangeError: Invalid array length  
RangeError: Invalid array length  
&nbsp;&nbsp;&nbsp;&nbsp;at Me ([http://localhost/cesium/Build/Cesium/Cesium.js:552:18985](http://localhost/cesium/Build/Cesium/Cesium.js:552:18985))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ne ([http://localhost/cesium/Build/Cesium/Cesium.js:552:21706](http://localhost/cesium/Build/Cesium/Cesium.js:552:21706))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ke ([http://localhost/cesium/Build/Cesium/Cesium.js:553:84](http://localhost/cesium/Build/Cesium/Cesium.js:553:84))  
&nbsp;&nbsp;&nbsp;&nbsp;at Qe ([http://localhost/cesium/Build/Cesium/Cesium.js:552:30061](http://localhost/cesium/Build/Cesium/Cesium.js:552:30061))  
&nbsp;&nbsp;&nbsp;&nbsp;at ot ([http://localhost/cesium/Build/Cesium/Cesium.js:553:4958](http://localhost/cesium/Build/Cesium/Cesium.js:553:4958))  
&nbsp;&nbsp;&nbsp;&nbsp;at Ee.render ([http://localhost/cesium/Build/Cesium/Cesium.js:553:12911](http://localhost/cesium/Build/Cesium/Cesium.js:553:12911))  
&nbsp;&nbsp;&nbsp;&nbsp;at A.render ([http://localhost/cesium/Build/Cesium/Cesium.js:566:8588](http://localhost/cesium/Build/Cesium/Cesium.js:566:8588))  
&nbsp;&nbsp;&nbsp;&nbsp;at t ([http://localhost/cesium/Build/Cesium/Cesium.js:565:23673](http://localhost/cesium/Build/Cesium/Cesium.js:565:23673))

Code:I tried these little bit code.  
var data= Cesium.GeoJsonDataSource.load('geoserver-GetFeature.json');  
&nbsp;&nbsp;&nbsp;&nbsp;console.log(data);  
&nbsp;&nbsp;&nbsp;&nbsp;var entities;  
data.then(function(dataSource){  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;viewer.dataSources.add(data);  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;viewer.zoomTo(data);  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;entities = dataSource.entities.values;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;changeHeightStyle();  
});  
function changeHeightStyle(){  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var entity;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var extrudedHeight;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for(var i=0; i\<entities.length;i++){

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;entity = entities[i];  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;entity.polygon.outline = false;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;extrudedHeight = entity.properties.GRIDCODE \*1000;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;entity.polygon.extrudedHeight = extrudedHeight;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var gridcodeh = entity.properties.GRIDCODE  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;entity.polygon.material = getColorHeight(gridcodeh);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;colorlegend1.style.display = "block";  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;colorlegend2.style.display = "none";  
}

I have Cesium 1.39,i tried with some other cesium versions also.Thanks

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [November 27, 2017, 9:50pm UTC](https://community.cesium.com/t/invali-array-lenght/6288/2 "2017-11-27T21:50:30Z")

</div>

Hi there,

In this line I see you are loading just a filename. This should be a url. You’ll need to serve the data using a web server of some kind.

var data = Cesium.GeoJsonDataSource.load(‘geoserver-GetFeature.json’);

Also take a look at how Cesium uses [Property](https://cesiumjs.org/Cesium/Build/Documentation/Property.html) objects.

Hope that helps, thanks,

Gabby

---

<div class="post-metadata">

**Author:** ![Seema\_Barate](https://avatars.discourse-cdn.com/v4/letter/s/c5a1d2/32.png) [@Seema\_Barate](https://community.cesium.com/u/Seema_Barate)\
**Post date:** [November 28, 2017, 3:48am UTC](https://community.cesium.com/t/invali-array-lenght/6288/3 "2017-11-28T03:48:23Z")

</div>

Thanks Gabby,i solved my problem,their is case sensitive letters problem. GRIDCODE-----\>gridcode  
var gridcodeh = entity.properties.GRIDCODE.

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [November 29, 2017, 10:07pm UTC](https://community.cesium.com/t/invali-array-lenght/6288/4 "2017-11-29T22:07:03Z")

</div>

Awesome, glad it was a simple fix. Thanks for the update!