CesiumJS不显示带图像的地球仪

时间:2017-02-17 04:02:56

标签: cesium

我试图在Cesium上显示地球上的热图,但是地球甚至不会出现在屏幕上,只有背景。我查看了谷歌浏览器的网络部分,它显示了我需要从服务器加载的实际图像。

<script>
        var count=0;
        var viewer = new Cesium.CesiumWidget('cesiumContainer');
        var layers = viewer.scene.imageryLayers;
        var imageArray = <?php echo json_encode($images) ?>// PARSING PHP ARRAY INTO JAVASCIPT
        alert(imageArray[0]);
        var date;var name='HeatMap-2006-01-16.png'; //FOR INITAL PAGE LOAD

        loadCesium();

        function loadCesium()
        {
            //Cesium Active Window
            layers.addImageryProvider(new Cesium.SingleTileImageryProvider({
                url : 'images/'.concat(name),
                rectangle : Cesium.Rectangle.fromDegrees(-180.0, -90.0, 180.0, 90.0)
            }));
        }
        function overlayChange()
        {
            name = imageArray[count];
            for (i = 0; i < name.length; i++)
            {
                if(name.charAt(i)=="-")
                {
                    date = name.substring(i);
                    break;
                }
            }
            loadCesium();
            count = count + 1;
        }
        function overlayChangeBack()
        {
            if(count == 0)
            {
                count = 39;
                name = 'HeatMap';
                name = name.concat(count.toString());

                loadCesium();
            }
            else
            {
                name = 'HeatMap';
                count=count-1;
                name = name.concat(count.toString());

                loadCesium();
            }
        }
    </script>

现在我只是尝试为初始图片显示名称变量(&#39; HeatMap-2006-01-16.png&#39;),但它没有显示。我尝试放置的图像不是显示,所以它绝对是铯的问题。

1 个答案:

答案 0 :(得分:0)

我不确定为什么要修复它因为我没有这个语句就可以工作但是当在变量查看器中声明cesiumContainer时,你必须将它设置为:

            var viewer = new Cesium.CesiumWidget('cesiumContainer', {
            imageryProvider : new Cesium.ArcGisMapServerImageryProvider({
                url : 'http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer'
            }),
            baseLayerPicker : false
        });