AnsweredAssumed Answered

Overlay MapImage in JavaScript API 4.14

Question asked by avicalc on Jan 24, 2020
Latest reply on Feb 6, 2020 by NSager-esristaff

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?

Outcomes