HOW TO

Add custom symbols to a web map that are retained when embedded in a website

Last Published: April 25, 2020

Summary

To visualize data in a diverse ways, ArcGIS Online provides a variety of styles that can result in more meaningful and visually appealing maps. Apart from the default symbols, there is the option to use custom images. This article describes two methods to add custom symbols to a web map that are retained when the web map is embedded in a web site.

Procedure

Use a publicly-accessible URL for the custom symbol
  1. In the web map, navigate to the feature layer.
  2. Click Change Style and go to Options for the symbol style.
  3. Click Symbols and go to Use an Image option.
  4. Paste the URL, and click the plus sign (+).
  5. Click OK.
  6. Save the web map.
  7. Click Share and select Everyone (public).
  8. Click Embed in Website and copy the embed HTML to paste into a web page.
Note:
For best results, use square images (JPEG, PNG or GIF), not greater than 120 x 120 pixels. If the size of the image is greater than that, it is adjusted to fit. This may cause some distortion of the original image.
Upload the image to ArcGIS Online Content
  1. Sign in to ArcGIS Online Organization.
  2. Upload the image to ArcGIS Online Content. Refer to the ArcGIS Online Help topic: Add Items. This adds the image as an item in your content.
  3. Go to the item details page of the new item, click Share, and check Everyone.
  4. Copy the URL of the item 
  5. Open the web map 
  6. Click Change Style.
  7. Click Symbols and select the Use an Image option.
  8. Paste the URL, and click the plus sign (+).
  9. Click OK.
  10. Save the web map.
  11. Click Share and select Everyone (public).
  12. Click Embed in Website and copy the embed HTML to paste into a web page.

Article ID:000016788

Software:
  • ArcGIS Online

Get help from ArcGIS experts

Contact technical support

Download the Esri Support App

Go to download options

Related Information

Discover more on this topic