# ZoomTo CZML data source

**URL:** <https://community.cesium.com/t/zoomto-czml-data-source/2785>\
**Category:** CesiumJS\
**Created:** [July 15, 2015, 6:27am UTC](https://community.cesium.com/t/zoomto-czml-data-source/2785 "2015-07-15T06:27:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![petrekaj](https://avatars.discourse-cdn.com/v4/letter/p/3ec8ea/32.png) [@petrekaj](https://community.cesium.com/u/petrekaj)\
**Post date:** [July 15, 2015, 6:27am UTC](https://community.cesium.com/t/zoomto-czml-data-source/2785/1 "2015-07-15T06:27:48Z")

</div>

Hello,

I am fairly new to Cesium and am trying to zoom to a point that has data in a .czml file. Below is my .czml file and java file.

[  
{  
&nbsp;&nbsp;&nbsp;&nbsp;"id":"document",  
&nbsp;&nbsp;&nbsp;&nbsp;"version":"1.0"  
&nbsp;&nbsp;},  
&nbsp;&nbsp;&nbsp;&nbsp;{  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"id": "Dot",  
&nbsp;&nbsp;&nbsp;&nbsp;"availability":"2012-08-04T16:00:00Z/2012-08-04T17:04:54.9962195740191Z",  
&nbsp;&nbsp;&nbsp;&nbsp;"position": { "cartographicDegrees": [-117.1215157, 33.1271535, 0.0] },  
&nbsp;&nbsp;&nbsp;&nbsp;"point": {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"color": { "rgba": [0, 0, 255, 255] },  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"pixelSize": "10"  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}   
&nbsp;&nbsp;&nbsp;&nbsp;}  
]

//////////////////////////////////////////////////

\(document\)\.ready\(function\(\) \{ &nbsp;&nbsp;('.newButton').click(function() {  
&nbsp;&nbsp;  
&nbsp;&nbsp;var data = new dataSource.add(Cesium.CzmlDataSource.load('testPoint.czml'));  
&nbsp;&nbsp;&nbsp;&nbsp;viewer.zoomTo(data);  
&nbsp;&nbsp;  
});  
});

//////////////////////////////////////////////////////

Any help would be greatly appreciated!

Thanks,  
Aaron