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

I copy the html in arcgis sandbox, but cannot open it in any browsers? Do I miss anything? Thanks.

JianShen1

I am trying to create stand-alone html file using ArcGIS JavaScript API. I can see it in sandbox, but when I saved the content of the html to my local html file. I cannot display it in my browsers. Any help? Thanks.

By the way, I have web map ID from my arcgis online map. Thanks.

Find more posts tagged with

Accepted answers

All comments

RobertScheitlin__GISP

Jian,

Are you trying to view it using file:// in your browsers address bar? if so then you need to place the html file in a virtual directory on your machines IIS or place the file in the c:\inetpub\www folder and then use http://localhost/yourhtmlfilename.html

JianShen1

Thanks. I tried per you suggestion, and it still failed. Actually I guess it may be caused by web map id part, please use this sample:

Web map by ID | ArcGIS API for JavaScript

//if accessing webmap from a portal outside of ArcGIS Online, uncomment and replace path with portal URL
       //arcgisUtils.arcgisUrl = "https://pathto/portal/sharing/content/items";
        arcgisUtils.createMap("4c009d4c236c4c0e91936b2fbfb085da","map").then(function(response){
          //update the app
          dom.byId("title").innerHTML = response.itemInfo.item.title;
          dom.byId("subtitle").innerHTML = response.itemInfo.item.snippet;

you can try to copy the html content to create a stand-alone html file, and see how to open it with the browsers. I can open other sample without using web map id in my browsers, no matters where I saved that html file, this works:

Feature layer hover | ArcGIS API for JavaScript

RobertScheitlin__GISP

Jian,

I have taken that exact sample and copied the code to a html file on my development laptop and using the non file:// url it works great:

file:///C:/JS_Workspace/WebMap%20(2).html - does not show map

http://gislap183/js/WebMap%20(2).html - shows map just fine

JianShen1

I can show other maps without using web map id, but cannot see this one with web map

https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fdevelopers.arcgis.com%2Fjavascript%2Fjssamples%2Fags_create…

WhatsApp Image 2024-06-27 at 11.19.49 (2).jpeg

fjramos_10-1719498255839.png

WhatsApp Image 2024-06-27 at 11.23.50.jpeg

RobertScheitlin__GISP

Jian,

Like I said I can take that exact sample and copy it to my machine and if I use:

file:///C:/JS_Workspace/WebMap%20(2).html - does not show map

and if I use:

http://gislap183/js/WebMap%20(2).html - shows map just fine

Many other sample are file use file:///C:/JS_Workspace/whatever.html but that one is not.

Look at your browsers web console and you will see the error that is preventing you from using it.

It will be something like:

init.js:152 XMLHttpRequest cannot load file://www.arcgis.com/sharing/rest/content/items/4c009d4c236c4c0e91936b2fbfb085da?f=json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Which means you need to use http://machinename or http://localhost

JianShen1

Thanks. I put them in C:\inetpub\wwwroot, and used localhost. I did not get any response even errors from the html using web map, and I have no problems with the ones without using web map. Strange.

RobertScheitlin__GISP

Jian,

And you opened your browsers developer tools (F12 button) and the web console did not report any errors?

jswift

The ArcGIS for Javascript API examples which include Web Map ID doe not work outside of a sandbox, i.e: Web map by ID | ArcGIS API for JavaScript 3.18 - the samples do not work, nor do they work if replaced with other webmap ID's in ArcGIS online shared with Everyone.

What's really strange is that their maps are indeed shared, i.e.: https://www.arcgis.com/home/webmap/viewer.html?webmap=ef9c7fbda731474d98647bebb4b33c20

The API samples simple don't work in any browser. But other sample code downloaded or copied work just fine.

Does anyone know why the Web Map ID sample code is broken?

Thanks, Jen

RobertScheitlin__GISP

Jennifer,

When you copy these to your local machine are you trying to run them with a file:// url or actuall using a proper http:// url?

jswift

Yes, I have a server, these are hosted from IIS via inetpub/wwwroot. Other sample codes work fine. I am also wondering if I need to allow something in IIS.

RobertScheitlin__GISP

Jennifer,

When I create a new html document in a virtual directory of my IIS and then use the url for that document in my browsers address bar I don't have any issues (http://gislap183/js/webmap3.html). Can you check your browsers web console for any errors?

BrianAnderson4

I am having the same issue but only if I try to Launch in IE. If I copy the code from the sandbox and then Launch in Chrome it works great. I am using Notepad++ and the Run tool. I'm creating my own map and could not get it to display in IE so that is why I tried copying some of the samples but could not get them to work in IE either. Again, when I Launch in Chrome my map page and the samples display perfectly. The version of IE I am using is 11, maybe this makes a difference.

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.