title: Cesium live update of a point?
body: <p>I am currently working on a live tracking application for Cesium, but am having some issues when I display the point in the browser.</p>
  
  <p>So far my Cesium viewer receives the data from the server (in JSON format) and displays the point properly on the map, but the only way to have it update the location on the map is to refresh the page. Note that the location.json file it is reading the location from is being updated with a new location every second or so from the server.</p>
  
  <p>Now I figured it would do this, as the client side code has no "update" function to dynamically change the point location on the map.</p>
  
  <p>So what is the easiest way to have Cesium constantly update the point on the map, without the user constantly refreshing the page? Based on my research I have found some examples that involve streaming of CZML files or making my JSON into a data source, but these seem a bit complex for what seems to be a simple task. Is there not a simple "update" function that will change the point dynamically?</p>
  
  <p>Here is my client side code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;!-- Use correct character set. --&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;!-- Tell IE to use the latest, best version (or Chrome Frame if pre-IE11). --&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&gt;
    &lt;!-- Make the application on mobile take up the full browser screen and disable user scaling. --&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"&gt;
    &lt;title&gt;Hello World!&lt;/title&gt;
    &lt;script src="../Build/Cesium/Cesium.js"&gt;&lt;/script&gt;
    &lt;style&gt;
        @import url(../Build/Cesium/Widgets/widgets.css);
        html, body, #cesiumContainer {
            width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
        }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="cesiumContainer"&gt;&lt;/div&gt;
  
    &lt;script&gt;
        var viewer = new Cesium.Viewer('cesiumContainer');
  
        Cesium.loadJson('/location.json').then(function(data) {
            console.log(data);
            viewer.entities.add({
                name : data.name,
                position : Cesium.Cartesian3.fromDegrees(data.lon, data.lat),
                point : {
                    pixelSize : 5,
                    color : Cesium.Color.RED,
                    outlineColor : Cesium.Color.WHITE,
                    outlineWidth : 2
                },
                label : {
                    text : data.name,
                    font : '14pt monospace',
                    style: Cesium.LabelStyle.FILL_AND_OUTLINE,
                    outlineWidth : 2,
                    verticalOrigin : Cesium.VerticalOrigin.BOTTOM,
                    pixelOffset : new Cesium.Cartesian2(0, -9)
                }
            });
  
            viewer.zoomTo(viewer.entities);
        });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If you need any more information from me, I will be happy to provide it.</p>
  
  <p>Thanks!</p>