Custom png image marker not displaying in a story map

1526
3
Jump to solution
01-10-2020 11:20 AM
Pier-PhilippeLabrie
New Contributor II

I have a map with custom markers made of png image with a reference to that png on the web.

(https://mrcbm.qc.ca/diffusion/460/activites_hiver/img/Zoo.png)

The map is to be displayed in the New version of Story map

The custom Markers are not displayed in the Story map but they are OK in the arcGIS map viewer.

Story map only displays classic icons native from arcGIs Online.

Is there a work around for that (pretty basic...) situation? Just can't believe that it is not possible...

Here's link to my web map:

https://arcg.is/1TX9Ob 

Here's a capture of what is shown in story map:

(mountains are native icon from arcGIS online, black dot are supposed to be something else..) 

0 Kudos
1 Solution

Accepted Solutions
AravindStoryMaps
Esri Regular Contributor

Hi Pier-Philippe Labrie‌,

ArcGIS StoryMaps uses the 4.13 version of JavaScript API to display the web map as a block in the story prepared in your ArcGIS web map viewer (which uses the 3.31 version of Javascript API). At the moment, this is a known issue that the custom PNG that you're using is failing to be fetched from the resource. 

If you want to show case the map with the custom picture marker, you can choose to add the map as an embed block by using the <iframe> such as below:

<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" tit...

(You'll have to turn on the Village layer on the map and save it to view this in the story).

You can add this embed as a regular block or embed this map in a Sidecar media panel.

Thanks,

Aravind

View solution in original post

3 Replies
AravindStoryMaps
Esri Regular Contributor

Hi Pier-Philippe Labrie‌,

ArcGIS StoryMaps uses the 4.13 version of JavaScript API to display the web map as a block in the story prepared in your ArcGIS web map viewer (which uses the 3.31 version of Javascript API). At the moment, this is a known issue that the custom PNG that you're using is failing to be fetched from the resource. 

If you want to show case the map with the custom picture marker, you can choose to add the map as an embed block by using the <iframe> such as below:

<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" tit...

(You'll have to turn on the Village layer on the map and save it to view this in the story).

You can add this embed as a regular block or embed this map in a Sidecar media panel.

Thanks,

Aravind

Pier-PhilippeLabrie
New Contributor II

Thanks aravind sivasailam‌, we made it!

0 Kudos
LindsayWithers1
Occasional Contributor

Hi Aravind! Is there a timeline for when this will be fixed?

0 Kudos