AGO - How to show pictures from a URL in the attribute table
I am trying to upload properties that are currently for sale or lease in the market I am in by adding an item from a Google Sheet. In the google sheet there is a link to a jpeg of the property front. I tried to go to Visualization --> configure the pop-ups --> Pop-Up Media --> Image -->URL field and select the appropriate field but whenever I click on an attribute all I see is :
Any thoughts??
Accepted Solutions
Hi Kaitlyn,
All the steps that you are doing are correct. The reason the image does not appear in the pop-up is because the source URL, the Google Drive image URL in the spreadsheet, is not embeddable (Google Drive does not conveniently offer embeddable image URLs). This means you can click the link and view the image, but you are not able to display the image on a web page, or in this case, a map pop-up.
Here are two solutions you can try:
1) If you want to use an image from Google Drive, use the following URL format:
https://drive.google.com/uc?id=
After the equals sign in the URL shown above, add the ID of the Google Drive image URL which is the highlighted text shown below:
So your final, embeddable URL that you will use in your spreadsheet will look like this:
https://drive.google.com/uc?id=1F4fuyjLK57p6ic6fp0FlCINJuUJYDol-
2) If the first solution is too much of a hassle then your other option is to use a different image hosting site where you can get an embeddable URL for your image by default.
Hopefully this helps!
Hi Kaitlyn,
All the steps that you are doing are correct. The reason the image does not appear in the pop-up is because the source URL, the Google Drive image URL in the spreadsheet, is not embeddable (Google Drive does not conveniently offer embeddable image URLs). This means you can click the link and view the image, but you are not able to display the image on a web page, or in this case, a map pop-up.
Here are two solutions you can try:
1) If you want to use an image from Google Drive, use the following URL format:
https://drive.google.com/uc?id=
After the equals sign in the URL shown above, add the ID of the Google Drive image URL which is the highlighted text shown below:
So your final, embeddable URL that you will use in your spreadsheet will look like this:
https://drive.google.com/uc?id=1F4fuyjLK57p6ic6fp0FlCINJuUJYDol-
2) If the first solution is too much of a hassle then your other option is to use a different image hosting site where you can get an embeddable URL for your image by default.
Hopefully this helps!