nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS Online Unable to Load Image

KyleBalke__GISP

I am unable to use a custom image option for a point symbol in an ArcGIS Online web map. I have tried using an image hosted on both Dropbox and Flikr; I continue to receive an error that says "Unable to Load Image" (see attached screenshot). Any suggestions. This feature worked prior to the most recent update to ArcGIS Online.

Kyle

Update: This feature works with an image hosted on ArcGIS Online but not elsewhere.

ago_unable_to_load_image.jpg

Find more posts tagged with

Accepted answers

All comments

RustyDunham

Thank you for this post. I was able to add links to dropbox pdfs in the pop up balloon and had almost given up trying to load images for custom symbol icons thinking it was a "permissions" issue since I don't have an account through an organization, but your post showing how to change the URL was a very welcome find. Thanks, again for the post.

AdrianWelsh

Mike,

I would think that this could be a great solution for some small projects or for organizations with lots of credits. Though, I would prefer using a service like Flickr simply because I am scared of using too many credits!

For the record, the person I was responding to in the earlier posts removed her posts - which is why these posts look kind of disjointed...

MikeMinamiP1

As mentioned earlier, you can actually host images in ArcGIS Online. Simply upload your file to My Content. You must share the image with everyone to make it visible.

For example, here's an image I found in AGOL.

http://www.arcgis.com/home/item.html?id=28570c2d33604695b1d90f60660a4d25

To specify the URL to the actual image,

http://www.arcgis.com/sharing/rest/content/items/28570c2d33604695b1d90f60660a4d25/data

This URL is available on the item details page, in the right margin, under "URL"

data

This image will work as a symbol in the map viewer. Strangely, this image URL is not working in many story maps apps...this appears to be a bug that we'll need to fix.

Note that storing images in AGOL does consume credits as"tile and data storage" as described here for customers in the USA: http://www.arcgis.com/features/plans/credits.html .

Thanks,

Mike

AdrianWelsh

Does this help?

then right click on photo

AdrianWelsh

Gen, on your picture, click on the download arrow and click on View All Sizes.

All sizes | one leaf | Flickr - Photo Sharing!

Here is where you can grab the links for any size you want (right click on the image and copy image URL - is how I do it in Chrome).

AdrianWelsh

Gen,

Your Link has to have the photo extension in it. For Flickr, look at this:

https://c2.staticflickr.com/5/4005/5136332209_3f2dfcae5f_b.jpg

Do you see where it has the .jpg in the link? That is what needs to happen in order to display your photos.

MelissaMcGehee1

Ok, I figured it out! If you want to use Dropbox for images, it will work in the pop ups and as an icon. Woot! There are some things that you have to do to the URL to make it work. Here is the article I found: Using Dropbox to Host Images on your Website

1. Copy the URL of a public image.

2. Change the beginning of the URL: replace www.dropbox.com with dl.dropboxusercontent.com.

Ex. "https://www.dropbox.com/s/z7e8tn25i94c7u4/Avondalelogo.png?dl=0" becomes "dl.dropboxusercontent.com/s/z7e8tn25i94c7u4/Avondalelogo.png?dl=0"

At this point, the URL will work in a Story map. If you want to use it in a map pop up or as an icon, simply add https:// to the beginning of the URL. Ex. "https://dl.dropboxusercontent.com/s/z7e8tn25i94c7u4/Avondalelogo.png?dl=0" (it has to be https given the recent security updates)

I just have all of my URLs in a document so I can quickly copy and paste as needed.

I'm still trying to work out getting PDFs and Storyline files to work in my Story Maps when hosted on Dropbox.

AdrianWelsh

Wow, that is a major pain. I was totally unaware of Google going away with hosting. I found this article:

Host web pages with Google Drive - Drive Help

It seems like it's just for hosting web pages (which sucks since I use this), but, like you said, there is a process to changing the URL of the photo to make the photo sharing work. It looks like that how back-door-approach is going away. This sucks.

I see Google is trying to promote their new "domains" thing too: Google Domains – Google

Though, that still doesn't help the photo sharing thing.

Have you looked into the "new" Google Photos? Even so, from there, I cannot find an easy way to grab a web address that has a photo extension on the end of it (like .jpg and .png).

Here is an Esri blog on using Google Photos:

What story map authors need to know about the transition from Picasa to Google Photos | ArcGIS Blog

MelissaMcGehee1

I have been successful in getting images to work as icons by hosting my images in Google Docs (there's a process to changing the URL to make it work). Unfortunately, Google is no longer offering the ability to host as of August. I am experimenting with Dropbox at the moment. I have been able to get images to work within Story Map apps, but could not get it to work within the maps either as an icon or within the pop ups. I will follow up if I have any success. But, if anyone else discovers a way to host images and documents on Dropbox and gets them to work within Story Maps and on map icons/popups, please share!

KyleBalke__GISP

Jurgen,

The image needs to be hosted somewhere (i.e., AGOL, Flickr, Facebook, Web Server, ect...) and be publicly accessible.

JürgenAchilles

I am trying to change the style on a Portal foArcGIS map facing the same problem. How can I use an image for my symbology? Where do I put the image for it to work?

RandallClark2

Hmm..

i fond hosting on AGOL works well but then i have to make a bunch of symbology in AI which just sucks.

They should really make it easier to import symbols in to AGOL

KyleBalke__GISP

Originally I was using images hosted on Dropbox and my folder was not synced causing the issues...I have not re-tried hosting custom image symbols on Flickr.

RandallClark2

Out of curiosity, did you get this figured out? I am having the same issue.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.