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

Fatal error: Invalid configuration (web map or application identifier not specified)

ThomasHerbreteau

I followed this page https://github.com/Esri/map-tour-storytelling-template-js step-by-step, and unfortunately, it didn't work.

The goal for the assignment is to have the story map template work. Here's a link to my gallery on my portfolio website. Scroll all the way down and click on "ArcGIS Online map", an orange box http://www.stainlessmapping.com/Gallery/gallery.html

The error will appear, and I am not sure how to fix it. Could it be a file placement issue?
I attached my index.html (which is like the readme.pdf from the storytelling template Git-hub page).

The story map does work just fine in the online application. I am able to make an iframe on my website, and it work just like it should.

I hope I have been clear enough. Thanks for the help!

index.zip

Find more posts tagged with

Accepted answers

All comments

AndyHenry

H Gregory,

Thanks for the quick response, if I’m trying to open the app through my PC (by making it a web server) how would you recommend I do this? I’ve used the ArcGIS Viewer for Flex which essentially does this for you (see picture below), would it be similar to this? If so, I’ve tried this in my web browser (http://pc2321.ics.inlandgroup.net/map_tour/) and the error still comes up. Is there something in the IIS (Internet Information Services) Manager I need to turn on, off, or setup by chance?

Thanks,

Andy

image003.jpg

GregoryL_Azou

Hi Andy,

Cool, well you have done 99% of the work, double clicking on index.html won't work (I know we should have a clear error when you do that), you have to open the app served through your web server like by entering http://127.0.0.1/map_tour/ in your web browser.

I made the instructions for our latest template (Map Journal) better and will edit Map Tour documentation to follow the same pattern soon, please check it out if the previous advice doesn't help: Esri/map-journal-storytelling-template-js · GitHub

AndyHenry

H Gregory,

First and foremost I'm not a programmer, but I currently taking some JavaScript classes. I'm having the same issues as Matthew was, but here's what I'm doing.

1. I downloaded the user version

2. Created a folder titled 'map_tour' and placed it here C:\inetpub\wwwroot\map_tour

3. Opened the index.html file and copied and pasted my appid (not mapid) into the appid location

Now what do I do, double-click on the index.html to see my map tour? If so, the fatal error is coming up. Any suggestions are greatly appreciated.

thanks,

Andy

MatthewTucknott

Hi Gregory,

Yep that worked.

Many thanks

GregoryL_Azou

Hi,

Sorry for trouble. The developer documentation may be a bit hard to follow. Did you try the user download.
From the repository index, use user download. Then just edit index.html with your webmap id. You will be able to do a lot of CSS customization and some Javascript with that version.

MatthewTucknott

Hi,

I am experiencing the same problem. I want to customise the story map template, for example by integrating additional javaScript capabilities. I have read https://github.com/Esri/map-tour-storytelling-template-js#developer-guide but still cannot get past this problem.

I guess I am missing something, all I have done is create a web map with a points layers, shared it publicly and then put the webmap id in the index.html file supplied in the template download.

Many thanks

Tuckers

GregoryL_Azou

Map Tour repository on Github offer two downloadable archives, one is intended for users that don't customize the template or only do CSS customization, the other is for developer that enhance or change the behavior of the app.

You are using the developer download. If you are not making any Javascript change to the application, you should use the user download. If you are not making any customization at all, we recommend that you use the hosted version to benefits from automatic update. If you want to use your own URL, you can do a full screen iFrame that use the hosted version.

If you have modified the template, you will have to follow the developer instructions to make it work (in the default mode, all parameters in index.html are ignored on purpose).

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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