Javascript 不更新 img

Question

我正在使用 Cesium 并尝试有一个按钮，只要按下它就会更改图像。 Cesium 在 javascript 上运行，但只要包含图像文件名称的变量发生变化，图像就不会改变。

    var iName = "HeatMap"; var count=1;
name=iName.concat(count.toString());
var viewer = new Cesium.CesiumWidget('cesiumContainer');
var layers = viewer.scene.imageryLayers;

//Cesium Active Window
layers.addImageryProvider(new Cesium.SingleTileImageryProvider({
    url : 'images/'.concat(name.concat('.png')),
    rectangle : Cesium.Rectangle.fromDegrees(-180.0, -90.0, 180.0, 90.0),
    opacity:.3
}));

function buttonPressCount()
{
    name='HeatMap';
    count=count+1;
    name = name.concat(count.toString());
    document.getElementById('counter').innerHTML = name;
}

document.getElementById 仅用于调试目的，因此我知道名称实际上已更改。

Answer 1

在我看来你应该这样称呼

layers.addImageryProvider(new Cesium.SingleTileImageryProvider({
   url : 'images/'.concat(name.concat('.png')),
   rectangle : Cesium.Rectangle.fromDegrees(-180.0, -90.0, 180.0, 90.0),
   opacity:.3}));

在函数 buttonPressCount 中。