topic Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x? in ArcGIS Server with JavaScript API Questions

How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

MatheusSereno — Wed, 13 May 2020 13:01:54 GMT

Is it possible to add a local image not georeferenced and set the coordinates in which it has to be (long,lat)? The only examples found were in the documentation which accesses a url from an ArcGIS server that provides a service for an ImageServer and adds it to a layer.

Thanks!

Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

HarishPalaniappan — Fri, 29 May 2020 10:01:12 GMT

MapImage and MapImageLayer classes would help you do the required.

An example here - https://gis.stackexchange.com/questions/80644/how-to-add-png-image-with-esri-javascript-api-mapimagelayer-class

arcgis-api-js-4.12‌ arcgis-api-js-4.14‌ arcgis-api-js-4.15‌

Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

MatheusSereno — Fri, 29 May 2020 13:45:17 GMT

Hi, Harish

Thanks for the answer. Unfortunately, the example given uses the method addImage from the MapImageLayer class which doesn't exist in version 4.x of the ArcGIS JS API. Also, in the example, he doesn't use a local image accessing the filesystem.

Regards,

Matheus

Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

HarishPalaniappan — Mon, 01 Jun 2020 11:31:05 GMT

Matheus,

MapImageLayer exists under 4.15 - see here - and the previous link i gave was from 3.x - so it always existed.

Javascript / HTML cannot access local filesystem from browsers for security reasons. you should consider hosting the image somewhere and linking to it.

Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

MatheusSereno — Mon, 01 Jun 2020 17:08:54 GMT

Harish,

Thanks for the answer. The MapImageLayer class exists. However, the method addImage doesn't, and is the one used to add the MapImage to the MapImageLayer in the example given. No access to local filesystem. Got it, thanks!

Regards,

Matheus

Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

MarcoSotoDev — Fri, 25 Jun 2021 01:13:56 GMT

Hello Matheus,

I have the same problem, could you find a solution to this? I've been looking for a way to do this the whole week, but no luck.

Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

JeremySwagger — Wed, 07 Jul 2021 19:05:04 GMT

PictureMarkerSymbol is one workaround you can use in 4x.

Re: How to add a local image/georeferenced image to a map in ArcGIS JS API 4.x?

JuliePowell — Wed, 15 Jun 2022 00:40:03 GMT

We are releasing the ability to overlay images and videos in 4.24 next week! You can try it out now using the /next early access release, and we are looking to get some feedback on it. The functionality is even better than 3.x… you can overlay both images and videos in 2D and 3D, add/remove multiple images on the fly very easily, and use it with other 4.x capabilities like layer blending (note: so far you can only do layer blending with MediaLayers in 2D).

Here's a simple example: https://codepen.io/U_B_U/pen/MWQGWdb?editors=1000

Drop me a note and let me know how you will be using it 🙂