I am trying to overlay my basemap with a .gif image using the JavaScript web API version 4.14. I'm using the following code to initialize my MapImage and then add it to a MapImageLayer. I then add the MapImageLayer to my map.
// create an add the actual image
var radarImage = new MapImage({
'extent': { 'xmin': -92.530, 'ymin': 27.361, 'xmax': -97.620, 'ymax': 31.575 },
'href': '/data/layers/weather/high_zoom_ve_layer_weather.gif',
'spatialReference': { 'wkid': 4326 }
});
weatherRadarLayer = new MapImageLayer();
weatherRadarLayer.title = "Weather Radar Layer";
weatherRadarLayer.addImage(radarImage);
map.addLayer(weatherRadarLayer);
My code throws the following error:
Error: "scriptError: https://js.arcgis.com/4.14/esri/views/MapImage.js"
q https://js.arcgis.com/4.14/:5
c https://js.arcgis.com/4.14/:23
4.14:24:471
<anonymous> https://js.arcgis.com/4.14/:24
signal https://js.arcgis.com/4.14/:6
p https://js.arcgis.com/4.14/:4
signal https://js.arcgis.com/4.14/:6
c https://js.arcgis.com/4.14/:23
What am I doing wrong and how can I overlay a .gif image on my map?
