Javascript 使用OpenLayers 5+；时，图层不会显示上述底图；开放天气图

我正在使用OpenLayers和OpenWeatherMapAPI加载OpenLayers basemap之上的层。底图加载正确，但降水和温度等图层不会显示在底图上方。我已检查这些值是否正确通过url

我已经尝试设置图层的不透明度，并将图层的visible属性更改为true，但问题仍然存在

 var map = new ol.Map({ 
 target: 'map', 
 layers: [ 
 new ol.layer.Tile({ 
 source: new ol.source.OSM()
 })
 ],
 view: new ol.View({ 
 center: ol.proj.fromLonLat([lon,lat]), // i am getting lon and lat from json 
 zoom: 5 
 })

});

 var temp_over =  new ol.layer.Tile({
 source: new ol.source.XYZ({
 url: 'https://tile.openweathermap.org/map/temp_new/5/' + lat +'/'+lon+'.png?appid='+appid,

 }),

});
    map.updateSize();
    map.addLayer(temp_over);

---

温度层应已加载到底图上方，但未加载。

对此有任何更新吗？