cesiumでリアルタイム表示 #Cesium

ずいぶん調べて、czmlで時間の経過とともにデータが増える
サンプルです。teimerで追加していますが、net.socketでデータを追加しても大丈夫だと思います。

そうそう、'../../Source/Assets/Textures/arcgis/tile'というローカルファイルでarcgisからダウンロードしたファイルで動くことにしていますが、地球がでませんねえ。'../../Source/Assets/Textures/NaturalEarthII'とかにすれば表示できるかもしれません。

<html lang="en">
<head>
    <!-- Use correct character set. -->
    <meta charset="utf-8">
    <!-- Tell IE to use the latest, best version (or Chrome Frame if pre-IE11). -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>Cesium Viewer</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="CesiumViewer.css" media="screen">
    <!--<script data-main="CesiumViewerStartup" src="../../ThirdParty/requirejs-2.1.9/require.js"></script>-->
    <script src="../../ThirdParty/requirejs-2.1.9/require.js"></script>
    <script type="text/javascript">
    require.config({
        baseUrl : '../../../Source',
        waitSeconds : 60
    });
    </script>
</head>
<body style="background: #000;">
    <div id="cesiumContainer" class="fullWindow"></div>
    <div id="loadingIndicator" class="loadingIndicator"></div>
    <script id="cesium_sandcastle_script">
function startupxxx(Cesium) {
    "use strict";
//Sandcastle_Begin
var local = new Cesium.TileMapServiceImageryProvider({
    url: '../../Source/Assets/Textures/arcgis/tile',
    fileExtension: 'jpeg'
    });
var viewer = new Cesium.Viewer('cesiumContainer',{
    //imageryProviderViewModels: [],
    imageryProvider: local,
    //selectedImageryProviderViewModel: local,
    baseLayerPicker : false
});

var layers = viewer.imageryLayers;


var     count = 0;
var endtime=new Date();
var starttime = new Date();
    endtime.setMinutes(endtime.getMinutes()+3);
    var alltime=starttime.toISOString()+"/"+endtime.toISOString();
   function increment() {
      var x = count * .2;
      var now = new Date();
      var nowtxt = now.toISOString();
      var avtxt=nowtxt+"/"+endtime.toISOString();
      var   msgData=[{"id":"document",
                "version":"1.0",
                "clock": {
                "interval": alltime ,
                "currentTime": nowtxt ,
                "multiplier": 12,
             "step":"SYSTEM_CLOCK_MULTIPLIER"
                    }
                },
                {  "id":"Plane",
                    "availability": avtxt ,
                    "billboard":{
                        "image":'cross_y.png',
                        "scale":1.0
                    },
                    "position":{
                          "interpolationAlgorithm":"LAGRANGE",
                          "interpolationDegree":1,
                          "cartographicDegrees":[139.6278 + x, 41.8819 + x, 1000]
                    }
                }];

      var czmlDataSource = new Cesium.CzmlDataSource();
      czmlDataSource.process(msgData, 'model json');
      viewer.dataSources.add(czmlDataSource);

      count++;
      if(count<10)setTimeout(increment,3000);
    }

    setTimeout(increment,3000);


}
//Sandcastle_End
    //Sandcastle.finishedLoading();
if (typeof Cesium !== "undefined") {
    startup(Cesium);
} else if (typeof require === "function") {
    require(["Cesium"], startupxxx);
}
</script>
<
</body>
</html>