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

ArcGIS API JS Tutorial Maps Showing Up Blank

Hi,

I want to add a map that I created on ArcGIS Online to my website (currently developing locally; I haven't uploaded the page to my server yet).

I have tried to follow the tutorials listed here for doing that: https://developers.arcgis.com/javascript/jssamples/ags_createwebmapitem.html, and when I copy and paste the code and save the file, and open the local html file in a browser, nothing shows up!

I even tried using my own web map id in the code, and still nothing shows up. (I have made my ArcGIS online map public).

When I do the basic, add a map to your website tutorial, a map shows up. But when I want to show a map from ArcGIS online, nothing shows.

Why is it doing this?

Thanks.

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

just to be clear. You HAVE to run the file on a server. You cannot run it locally (file://)

Hi,

I want to add a map that I created on ArcGIS Online to my website (currently developing locally; I haven't uploaded the page to my server yet).

I have tried to follow the tutorials listed here for doing that: https://developers.arcgis.com/javascript/jssamples/ags_createwebmapitem.html, and when I copy and paste the code and save the file, and open the local html file in a browser, nothing shows up!

I even tried using my own web map id in the code, and still nothing shows up. (I have made my ArcGIS online map public).

When I do the basic, add a map to your website tutorial, a map shows up. But when I want to show a map from ArcGIS online, nothing shows.

Why is it doing this?

Thanks.

What is the URL you are trying to view in your web browser to see your local .html file? If it's something along the lines of 'C:\web\test.html', then you'll probably want to try and put that file in your 'C:\inetpub\wwwroot' directory (you should have this directory if you have IIS installed on your machine), and then view the file using localhost.

Ú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.