Story Maps Shortlist: Labeling a layer crashes the map (Follow up)

[JohnWhitfield]

In reference to this thread that I started a while back:

https://community.esri.com/message/531732?et=watches.email.thread#531732

I have uploaded the latest version of Story Map Short list but still when I turn on my road layers is continues to crash my map. Turn them off again and the map is ok  (see attached error message). As per the older referenced thread I used the latest template as of yesterday.

Also, cannot seem to change the logo from Esri to our own, here is the specific code I am changing (highlighted in attachment) any suggestions as to what I am doing wrong?

many thanks in advance!!

[RupertEssinger]

Hi John

Can you post the URL of:

a) The Shortlist you are trying to turn on labels in?

b) The web map you are displaying in your Shortlist

so we can have a look (assuming they are intended for public viewing)

From your other posts, it also sounds like you have had issues downloading and installing the complete Story Map Shortlist app code. Could you perhaps download the Shortlist app again http://links.esri.com/storymaps/shortlist_template_zip  and put it onto your server in a new folder as a test version, and point it at your web map (or a copy of your web map with the labels turned on. I just want to eliminate an incomplete download as the cause of the issue you are seeing,

[JohnWhitfield]

I am trying to turn the label on the road layer within this map;

Shortlist 

Here is the web map: http://pbcgov.maps.arcgis.com/home/item.html?id=9961ade08c4849dba4218442e9b5d352

Hope those work, let me know if you need something else

thanks!!

[RupertEssinger]

Thanks John! I can reproduce the issue. I made a copy of your web map and turned on the labels for the roads layer:

http://www.arcgis.com/home/webmap/viewer.html?webmap=2915ec0ccc28454093982661a1d33cad

and it does fail with the same error you get in when I test it in a Shortlist. Sorry about that. We'll look into the issue.

One thing: it looks like you are wanting to use labeling to show street and road names on your map. One option that might be better is to simply add the Esri World Transportation layer into your web map. This is designed to sit on top of the Imagery with Labels basemap and provide streets and roads, including labels.

Here's what it looks like for your city:

http://arcg.is/1OzA7yE

and here's what it would look like in your Shortlist:
Shortlist

When you zoom in a lot on that map, the red/orange lines used to show the main roads disappear, so it works nicely at large scales too.

[JohnWhitfield]

Great!! I added the transportation layer into my map! looks perfect. My only remaining question would by why I can only see our organizations logo when viewed in Explorer and not in Chrome?

Thank you!!

[RupertEssinger]

Cool, That World Transportation layer overlay is nice but not well known.

About your logo

From the code snippet you pasted it looks like you are referencing your logo graphic as a file (src=file:///X...) . That won't work. It needs to be referenced via http. So your logo needs to be on the web somewhere. For example just put your logo graphic onto the same server as your Shortlist and reference it as a URL

[JohnWhitfield]

Done, Fabulous help, thanks!!

[RupertEssinger]

Cool. A couple more suggestions for your Shortlist:

- Remove the Zoom menu because it only contains one entry and people can use the home button. To remove it, just delete the one bookmark in your web map and it automatically goes away in your Shortlist.

-  Turn off the MajorRoadsDissolved because they are still being drawn.

- Your logo would look better if it was circular. You could use a graphic that has transparenct background pixels to make it look circular, like this example:

Michigan Trout Trails

http://www.midnr.com/Publications/pdfs/ArcGISOnline/StoryMaps/fish_troutTrails/images/DNR_MI_TROUTTR...

- Green is hard to see for your numbered marker symbols. To use red, in this line in the Index.html delete the word green. The first color in the list gets used for your first set of places:

   var COLOR_ORDER = "green,red,blue,purple,black";

- As your pictures are all aerial pics perhaps this would be better using the World Topographic Basemap instead of Imagery with Labels (and Transportation).

[JohnWhitfield]

Awesome thanks, will be updating the map over the next few days,

Also, can you tell me something, when hovering over the 11 images on the left, they turn to a light gray and then it is hard to read the text, cannot seem to find the line that corresponds to the color of the boxes once hovered over? if you can tell me the line that would be great, thanks again, huge help, our organization is very happy with the product!

[MarkCooney]

Hi John,

You can set the colors of the tiles (images in the side panel) with the variables found at lines 12 and 13 of the main.js file.  They are named COLOR_DIM and COLOR_FULL.

-Mark