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; } } }

Having trouble configuiring Shortlist Story Map: Error WebMapID is not defined

TravisGallo

I am trying to configure my Shortlist Story Map (http://arcg.is/1LUXwIY ) with our organizations website. I am just getting a spinning loading circle and the map never loads. I have configured the index.html page with my Webmap ID, copied the sample template for my .csv file and have removed any special characters in that file. I get the following errors:

webmapID is not defined.tiff

Thanks in advance for your help!

Encuentra más publicaciones etiquetadas con

Accepted answers

TravisGallo

I sort of figured this out. I downloaded a new template and put in my WebID and now it works. Maybe I tinkered with the original index file too much while trying to figure it out. Thanks for your help.

Travis

All comments

RupertEssinger

Hi Travis. that link you posted is a Story Map Series app not a Story Map Shortlist app.

I found your publicly shared web map in ArcGIS Onlline:

http://www.arcgis.com/home/webmap/viewer.html?webmap=13dd36f4661e4d388833f57f102a56a0

And it draws OK in our test Story Map Shortlist instance:

http://storymaps.esri.com/templates/shortlist/?webmap=13dd36f4661e4d388833f57f102a56a0&DETAILS_PANEL=true

Have you put the Shortlist code onto a web server or folder in a public website or hosting service? It should work if you put the ID of the web map into the Index.html file.

I suspect you are perhaps putting the ID of that Story Map Series story map app into the Index.html file, not the ID of a web map.

Rupert

TravisGallo

Hi Rupert, thank you for your response. Yes, we have it at a public site - Shortlist

Below is the index file where I believe i have the right ID.

Thanks again for your help!

Travis

<!DOCTYPE html>

<html>

<head>

<title>Shortlist</title>

<!--

To correctly reference your application in search engine:

- create and fill out extensively an ArcGIS.com item that link to your final application

- edit the following four tags as well as the upper title tag on line 4

-->

var version = '1.4.7';

//-----------------------------------

// Application configuration

//-----------------------------------

var WEBMAP_ID = â13dd36f4661e4d388833f57f102a56a0";

var BOOKMARKS_ALIAS = "Zoom";

var COLOR_ORDER = "green,red,blue,purple,black"; // will only use as many colors as you have tabs

var DETAILS_PANEL = false; // specifies whether or not popups have a link to a separate Details panel

// Specify point feature layers on your map that do NOT define a tab in the Shortlist.

// These point layers will be displayed as supporting layers.

// If there's more than one layer, use the "|" character as delimiter

var POINT_LAYERS_NOT_TO_BE_SHOWN_AS_TABS = "";

// Specify supporting feature layers in your map that will be clickable in the Shortlist.

// These layers must use the Shortlist attribute schema for their popups to appear.

// If there's more than one layer, use the "|" character as delimiter

var SUPPORTING_LAYERS_THAT_ARE_CLICKABLE = "";

// Location button that locates user (on supported browsers)

var GEOLOCATOR = false;

// If the tabs are defined using a single layer, you can optionally use these parameters to

// override the tab order and names defined in that layer without editing the layer.

// If you specify TAB_NAMES: a) all tabs must be included in TAB_NAMES, whether or not

// you want to rename them, b) TAB_ORDER must be specified too,

// c) TAB_NAMES order must correspond with TAB_ORDER. For example:

// var TAB_ORDER = ['Design', 'Fun', 'Food'];

// var TAB_NAMES = [

// {'Design': 'Design'},

// {'Fun': 'Activities'},

// {'Food': 'Snacks'}

// ];

var TAB_ORDER = [];

var TAB_NAMES = [];

// Optionally to be able to use the webmap URL parameter, configure here the list of webmap authors

// whose webmaps are allowed to be viewed by this Shortlist deployment

// This is the ArcGIS Online username of the webmap owner (e.g. ["user1"], ["user1", "user2"])

var AUTHORIZED_OWNERS = [];

// Edit to use Portal for ArcGIS

var DEFAULT_SHARING_URL = "";

//"http://www.example.com/arcgis/sharing/content/items";

// Note: If using a proxy server (required for remote CSV access),

// you'll need to provide a valid proxy server url.

var DEFAULT_PROXY_URL = "";

//"http://www.example.com/arcgis/sharing/proxy";

</script>

<!--[if lt IE 9]>

<![endif]-->

</head>

</div>

<a id="msLink" tabindex="-1" href="http://storymaps.arcgis.com" target="_blank">A story map</a>

</span>

</div>

</a>

</div>

</div>

</div>

</div>

</span>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<!--There are no features within the current map extent.

Click on the home button to return to the initial extent.-->

</span>

</div>

</div>

</div>

</div>

<tr>

</td>

</tr>

</table>

</div>

if (window.location.href.toLowerCase().indexOf("storymaps.esri.com") >= 0) {

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-26529417-1']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

}

</script>

</body>

</html>

TravisGallo

Travis

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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