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

Getting Started

jaykapalczynski

I am running through some tutorials and having an issue

https://developers.arcgis.com/en/javascript/jstutorials/intro_agstemplate_amd.html

I am trying to use the Web Map Id they said you can in the example and then the map vanishes. I dont know how to get another one I can use.
I assume that the web map id is not working....what else can I be doing wrong
If you haven't created a web map yet, you can use 1a40fa5cc1ab4569b79f45444d728067 for testing.

require([       "esri/map",       "esri/arcgis/utils",       "dojo/domReady!"       ], function(Map, arcgisUtils){       arcgisUtils.createMap("1a40fa5cc1ab4569b79f45444d728067", "mapDiv").then(function (response) {           map = response.map;          });   });

If I use this from the first example then the map shows up fine

map = new Map("mapDiv", { center: [-77.4329, 37.5410], zoom: 6, basemap: "streets"

<script>   var map;     require(["esri/map", "esri/arcgis/utils", "esri/dijit/Legend", "dojo/domReady!"     ], function(Map, arcgisUtils, Legend ) {          arcgisUtils.createMap("1a40fa5cc1ab4569b79f45444d728067", "mapDiv").then(function (response) {    map = response.map;           var legend = new Legend({       map: map,        layerInfos:(arcgisUtils.getLegendLayers(response))     }, "legendDiv");          legend.startup();         });         }); </script>

Encuentra más publicaciones etiquetadas con

Accepted answers

robertopepato_bizpoke

i can get to it from your URL but when I run from here.....as seen below code....I get this in the console error on WebMap

It has to be something with IIS....maybe the IIS that comes with Win8 is not able to get out or wont get to that URL???
I am lost here...
Tried the Geocoder example from API examples and it just spins endlessly when I submit an address.

I get this error with the Geocoder Example
ERROR Geocoder example https://developers.arcgis.com/en/javascript/jssamples/locator_simple.html
MLHttpRequest cannot load http://services.arcgisonline.com/ArcGIS/rest/info?f=json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

ERROR FOR WebMap:
OPTIONS file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json init.js:158
r {stack: "Error: Unable to load file://www.arcgis.com/sharin???uest.h (http://js.arcgis.com/3.8/init.js:160:167)", message: "Unable to load file://www.arcgis.com/sharing/rest/???7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0", response: Object, status: 0, responseText: ""???}
_ssl: undefined
log: undefined
message: "Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0"
response: Object
responseText: ""
stack: "Error: Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0??? at Error (native)??? at new r (http://js.arcgis.com/3.8/init.js:221:367)??? at XMLHttpRequest.h (http://js.arcgis.com/3.8/init.js:160:167)"
status: 0
xhr: XMLHttpRequest
__proto__: a
  <script>     require([       "esri/map",       "esri/arcgis/utils",       "dojo/domReady!"       ], function(Map, arcgisUtils){       arcgisUtils.createMap("7f843bb0a37849f68a5a2cc3d2b06288", "mapDiv").then(function (response) {           map = response.map;          });   });        </script>

Do you have a skype (or any other IM) account? Let's try to figure it out via an IM conversation?

All comments

HugoSelbie

Just fantastic information and so quick. V.impressed
Will install something like MAMP or WAMP when I get back from work and retry.

Many thanks.

jaykapalczynski

You may also simply need to activate/turn on IIS...our installs had it turned off.....but then again thats an IT policy thing on your end. There are free options as well...

Free local installs: https://www.apachefriends.org/index.html (Web Server, PHP, MySQL db)

Free options for Hosting: http://www.prchecker.info/web-hosting/top-10-free-web-hosting-sites/

JonathanUihlein

Thanks very much for your help, is there anyway to display webmaps without a webserver running?

Websites generally need a webserver. There are many reasons why (communication, security, etc... many blog posts and wiki articles about the technical details).

If you absolutely cannot install a local webserver, you will probably have to use something like jsfiddle.

Some computers ship with a webserver by default so you might want to check if you have one installed already.

HugoSelbie

Thanks very much for your help, is there anyway to display webmaps without a webserver running?

JonathanUihlein

That's the source of your problem.

You need to make sure you have a web-server running (IIS, apache etc) and that your application (html file) is in the correct directory.

HugoSelbie

I'm just opening the file through a browser, chrome and firefox.

JonathanUihlein

Are you accessing your application from a web-server?

HugoSelbie

I have this code which works in JS fiddle (copied and pasted map id into previous fiddle from the thread. However when I copy and paste this exact code into a text editor saved as a .html file. I get an error message in firebug and chrome developer tools saying.

OPTIONS file://www.arcgis.com/sharing/rest/content/items/020ee0f8315e42c1b01047a2ae75265e?f=json net::ERR_FILE_NOT_FOUND

Any ideas why this is and how to fix?

<!DOCTYPE html>
<html>

<head>
    <title>Create a Web Map</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" type="text/css" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
    <style>
        html,
        body,
        #mapDiv,
        .map.container {
            padding: 0;
            margin: 0;
            height: 100%;
        }
    </style>

    <script>
        var dojoConfig = {
            parseOnLoad: true
        };
    </script>
    <script src="http://js.arcgis.com/3.8compact/"></script>
    <script>
        require([
            "esri/map",
            "esri/arcgis/utils",
            "dojo/domReady!"
        ], function (Map, arcgisUtils) {
            arcgisUtils.createMap("020ee0f8315e42c1b01047a2ae75265e", "mapDiv").then(function (response) {
                map = response.map;
            });
        });
    </script>
</head>

<body>
    <div id="mapDiv"></div>
</body>

</html>

Anonymous User

Here is the solution:

http://forums.arcgis.com/threads/83941-ArcGIS-Online-Map-using-URL-does-not-work-with-PhoneGap-2.7

esri.arcgis.utils.arcgisUrl = esri.arcgis.utils.arcgisUrl.replace("file:", "http:");

JonathanUihlein

Great! Glad everything is working.

Make sure you mark this thread as answered (using one of Roberto's posts).

Thanks!!

jaykapalczynski

Got it Jon...thanks
tried Localhost and it defaulted to an html page inside the folder...
but went into the Default Document in IIS and that specific html page was top of the list in the defaults
Also noticed that the two websites I created all were using the default port 80....
I changed the ports to 81 and 82 and then did a localhost:81 and the file set for default displayed...
I then did localhost:81/webmapping.html and the page came up fine...

Maps and the geocoder examples are working from the examples the way they should....I think I am good to go....

Thank you all for your thoughts and comments throughout this post.....VERY appreciated.

JonathanUihlein

Hi Jay!
Thanks so much for the response.

From your screenshots, its clear that the file is located in the correct directory.
Because of that, it definitely looks like an IIS configuration issue, (plus its returning 404 -- file not found).

Make sure localhost refers to 'C:\inetpub\wwwroot' (the default)
Has the webserver been turned on? (Check in IIS Manager)
What do you see when you go to 'localhost' in your browser? (You may or may not see a file listing).

Let me know what you find!
Jon

jaykapalczynski

trying to get there with this:

get the error see attached.....maybe because I dont have win8 pro IIS is not running as a server? I dont know
thoughts

[ATTACH=CONFIG]30679[/ATTACH]

http://localhost/JavaScriptApplication/index.html

[ATTACH=CONFIG]30680[/ATTACH]

files.jpg

httpError.jpg

help-me-help-you.pdf

ArcPad10.0_SwapXY.jpg

jaykapalczynski

Tell you the truth I dont remember....I cannot test right now but will do so later...Thanks for your suggestion.
Cheers.

JonathanUihlein

@Roberto: Thanks for all your help so far!

@jay: This may seem like a silly question but I need to ask:
How are you attempting to view your application?

Correct (example paths):

localhost/test/forum/test.html

http://jontest.test.com/test/forum/test.html

Incorrect:

file:///C:/inetpub/wwwroot/test/forum/test.html

Some users do not realize they need to view their application in the context of a webserver, and instead try to open the file directly using their browser.

robertopepato_bizpoke

i can get to it from your URL but when I run from here.....as seen below code....I get this in the console error on WebMap

It has to be something with IIS....maybe the IIS that comes with Win8 is not able to get out or wont get to that URL???
I am lost here...
Tried the Geocoder example from API examples and it just spins endlessly when I submit an address.

I get this error with the Geocoder Example
ERROR Geocoder example https://developers.arcgis.com/en/javascript/jssamples/locator_simple.html
MLHttpRequest cannot load http://services.arcgisonline.com/ArcGIS/rest/info?f=json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

ERROR FOR WebMap:
OPTIONS file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json init.js:158
r {stack: "Error: Unable to load file://www.arcgis.com/sharin???uest.h (http://js.arcgis.com/3.8/init.js:160:167)", message: "Unable to load file://www.arcgis.com/sharing/rest/???7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0", response: Object, status: 0, responseText: ""???}
_ssl: undefined
log: undefined
message: "Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0"
response: Object
responseText: ""
stack: "Error: Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0??? at Error (native)??? at new r (http://js.arcgis.com/3.8/init.js:221:367)??? at XMLHttpRequest.h (http://js.arcgis.com/3.8/init.js:160:167)"
status: 0
xhr: XMLHttpRequest
__proto__: a
  <script>     require([       "esri/map",       "esri/arcgis/utils",       "dojo/domReady!"       ], function(Map, arcgisUtils){       arcgisUtils.createMap("7f843bb0a37849f68a5a2cc3d2b06288", "mapDiv").then(function (response) {           map = response.map;          });   });        </script>

Do you have a skype (or any other IM) account? Let's try to figure it out via an IM conversation?

jaykapalczynski

i can get to it from your URL but when I run from here.....as seen below code....I get this in the console error on WebMap

It has to be something with IIS....maybe the IIS that comes with Win8 is not able to get out or wont get to that URL???
I am lost here...
Tried the Geocoder example from API examples and it just spins endlessly when I submit an address.

I get this error with the Geocoder Example
ERROR Geocoder example https://developers.arcgis.com/en/javascript/jssamples/locator_simple.html
MLHttpRequest cannot load http://services.arcgisonline.com/ArcGIS/rest/info?f=json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

ERROR FOR WebMap:
OPTIONS file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json init.js:158
r {stack: "Error: Unable to load file://www.arcgis.com/sharin�?�uest.h (http://js.arcgis.com/3.8/init.js:160:167)", message: "Unable to load file://www.arcgis.com/sharing/rest/�?�7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0", response: Object, status: 0, responseText: ""�?�}
_ssl: undefined
log: undefined
message: "Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0"
response: Object
responseText: ""
stack: "Error: Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0�?� at Error (native)�?� at new r (http://js.arcgis.com/3.8/init.js:221:367)�?� at XMLHttpRequest.h (http://js.arcgis.com/3.8/init.js:160:167)"
status: 0
xhr: XMLHttpRequest
__proto__: a

  <script>
    require([
      "esri/map",
      "esri/arcgis/utils",
      "dojo/domReady!"
      ], function(Map, arcgisUtils){
      arcgisUtils.createMap("7f843bb0a37849f68a5a2cc3d2b06288", "mapDiv").then(function (response) {
          map = response.map;   
      });
  });
    
  </script>

jaykapalczynski

I don't know why the url gets truncated on my latest post but the correct one is:
www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json
Can you access successfully?

If I cut and paste into URL I get this

{"id" : "7f843bb0a37849f68a5a2cc3d2b06288","owner" : "jay.kapalczynski","created" : 1390042038000,"modified" : 1390069539000,"guid" : null,"name" : null,"title" : "TESTING","type" : "Web Map","typeKeywords" : ["ArcGIS Online", "Explorer Web Map", "Map", "Online Map", "Web Map"],"description" : null,"tags" : ["TESTING", "JAYSTESTING"],"snippet" : null,"thumbnail" : "thumbnail/ago_downloaded.png","documentation" : null,"extent" : [[-83.0815, 33.6994], [-75.4131, 41.156]],"spatialReference" : null,"accessInformation" : null,"licenseInfo" : null,"culture" : "en-us","properties" : null,"url" : null,"access" : "public","size" : 446,"appCategories" : [],"industries" : [],"languages" : [],"largeThumbnail" : null,"banner" : null,"screenshots" : [],"listed" : false,"commentsEnabled" : true,"numComments" : 0,"numRatings" : 0,"avgRating" : 0.0,"numViews" : 26}

robertopepato_bizpoke

I don't know why the url gets truncated on my latest post but the correct one is:

www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json

Can you access successfully?

jaykapalczynski

I can access that new Fiddle you created fine

I am trying to access that URL when I click it I get this in the browsers URL

http://www.arcgis.com/sharing/rest/…7f843bb0a37849f68a5a2cc3d2b06288?f=json

When I navigate there I get this error

{"error":{"code":400,"messageCode":"GWM_0002","message":"Invalid URL","details":[]}}

click to see image: [ATTACH=CONFIG]30620[/ATTACH]

Note I am using my Laptop and WiFi...just local
I am running Win8 64 Bit using Chrome Version 32.0.1700.76 m
Using IIS Version 8.09200.16384
I simply activated IIS on my computer....Maybe because I dont have win8 professional or something that IIS is not the correct version? Win8 I have allowed my to go in and turn on IIS so I assume that it shoudl work.

THIS WORKS:

  <script>
  var map;
    require(["esri/map", "dojo/domReady!"
    ], function(Map) { 

   map = new Map("mapDiv", {
     center: [-77.4329, 37.5410],
     zoom: 6,
     basemap: "streets"
   
   });
   
    });
  </script>

THIS DOES NOT:

 
  <script>
    require([
      "esri/map",
      "esri/arcgis/utils",
      "dojo/domReady!"
      ], function(Map, arcgisUtils){
      arcgisUtils.createMap("1a40fa5cc1ab4569b79f45444d728067", "mapDiv").then(function (response) {
          map = response.map;   
      });
  });
    
  </script>

ScreenCapture2.jpg

tabletop.JPG

robertopepato_bizpoke

Yea I tried your example EXACTLY....it works in Fiddle but not when I placed it in my IIS website. Could there be something in IIS thats not letting me get there?
I used the map ID that you did in your Fiddle examples....that should work right? Does not on my side

Am I not getting the correct ID to you? Where exactly do I get it from....after I open it from within ArcGIS online org account? When I try those ids I dont even get to where you are asking for a login

Do I have to have an editable Feature in the web map? It should work with simply the basemap right>
Yes I shared it
[ATTACH=CONFIG]30619[/ATTACH]

Do you have an ID that works that I can test in my html code?
I have not idea whats going on....

This is my Whole page....all the code I am using
<!DOCTYPE html>
 <html>
  <head>
  <title>Create a Web Map</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <link rel="stylesheet" type="text/css" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
  <style>
    html,body,#mapDiv,.map.container{
      padding:0;
      margin:0;
      height:100%;
    }
  </style>

  <script>var dojoConfig = { parseOnLoad:true };</script>
  <script src="http://js.arcgis.com/3.8compact/"></script>
  <script>
    require([
      "esri/map",
      "esri/arcgis/utils",
      "dojo/domReady!"
      ], function(Map, arcgisUtils){
      arcgisUtils.createMap("1a40fa5cc1ab4569b79f45444d728067", "mapDiv").then(function (response) {
          map = response.map;   
      });
  });
    
  </script>
  </head>

  <body>
    <div id="mapDiv"></div>
  </body>
 </html>

It looks like there is something on your environment making the sample behave this way.

Let me explain what I did here now:

Until this message, I was trying the sample using Safari/Chrome browser and publishing the pages on a Apache WebServer.

After you last message, I started suspecting that the problem should be in IIS. So, I started a Windows 7 on a virtual machine and deploy your code on IIS. And it worked on every browser I tested (chrome/firefox/IE). I've also copied your code to a new JSFiddle and it also worked:

http://jsfiddle.net/rpepato/qQDzj/

On a previous message you've posted a log from your application with the following content (among other things):

Unable to load file
file://www.arcgis.com/sharing/rest/�?�7f843bb0a37849f68a5a2cc3d2b06288?f=json

Can you access the url www.arcgis.com/sharing/rest/�?�7f843bb0a37849f68a5a2cc3d2b06288?f=json . Can you see a Json document returned?

Could your post some information about your environmento (OS model and version, browser and version, etc)?

jaykapalczynski

Yea I tried your example EXACTLY....it works in Fiddle but not when I placed it in my IIS website. Could there be something in IIS thats not letting me get there?
I used the map ID that you did in your Fiddle examples....that should work right? Does not on my side

Am I not getting the correct ID to you? Where exactly do I get it from....after I open it from within ArcGIS online org account? When I try those ids I dont even get to where you are asking for a login

Do I have to have an editable Feature in the web map? It should work with simply the basemap right>
Yes I shared it
[ATTACH=CONFIG]30619[/ATTACH]

Do you have an ID that works that I can test in my html code?
I have not idea whats going on....

This is my Whole page....all the code I am using

<!DOCTYPE html>
 <html>
  <head>
  <title>Create a Web Map</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <link rel="stylesheet" type="text/css" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
  <style>
    html,body,#mapDiv,.map.container{
      padding:0;
      margin:0;
      height:100%;
    }
  </style>

  <script>var dojoConfig = { parseOnLoad:true };</script>
  <script src="http://js.arcgis.com/3.8compact/"></script>
  <script>
    require([
      "esri/map",
      "esri/arcgis/utils",
      "dojo/domReady!"
      ], function(Map, arcgisUtils){
      arcgisUtils.createMap("1a40fa5cc1ab4569b79f45444d728067", "mapDiv").then(function (response) {
          map = response.map;   
      });
  });
    
  </script>
  </head>

  <body>
    <div id="mapDiv"></div>
  </body>
 </html>

ScreenCapture.jpg

a.png

robertopepato_bizpoke

Thanks

1. I tried to grab your code and placed that in a new html page and it does not work....thats confusing
2. I went into my Organization account and set up a web map with simply basemanp. Shared it to public

id=7f843bb0a37849f68a5a2cc3d2b06288

http://dgif-virginia.maps.arcgis.com/home/item.html?id=7f843bb0a37849f68a5a2cc3d2b06288

I assume this is the ID I need? If not where do I get it?

Or this one once I open the web map

webmap=7f843bb0a37849f68a5a2cc3d2b06288

http://dgif-virginia.maps.arcgis.com/home/webmap/viewer.html?webmap=7f843bb0a37849f68a5a2cc3d2b06288

1. You tried to use my code (in fact the sample code) as is, without change the mapId and it doesn't work?
2. It looks like the Id is correct but I still can't get access to your map.

Take a look of the message I received after I try to access your map (and login):

[ATTACH=CONFIG]30617[/ATTACH]

Did you shared your map for all members of your organization or to everyone (public)?

[ATTACH=CONFIG]30618[/ATTACH]

2.png

1.png

example2.jpg

example3.jpg

jaykapalczynski

Getting the below in the Javascript console

OPTIONS file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json init.js:158
r {stack: "Error: Unable to load file://www.arcgis.com/sharin�?�(http://js.arcgis.com/3.8compact/init.js:160:167)", message: "Unable to load file://www.arcgis.com/sharing/rest/�?�7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0", response: Object, status: 0, responseText: ""�?�}
_ssl: undefined
log: undefined
message: "Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0"
response: Object
responseText: ""
stack: "Error: Unable to load file://www.arcgis.com/sharing/rest/content/items/7f843bb0a37849f68a5a2cc3d2b06288?f=json status: 0�?� at Error (native)�?� at new r (http://js.arcgis.com/3.8compact/init.js:221:367)�?� at XMLHttpRequest.h (http://js.arcgis.com/3.8compact/init.js:160:167)"
status: 0
xhr: XMLHttpRequest
__proto__: a
init.js:187
w init.js:187
(anonymous function) init.js:186
c init.js:74
d init.js:74
resolve.callback init.js:75
c init.js:74
d init.js:74
reject.errback init.js:76
c init.js:74
d init.js:74
reject.errback init.js:76
c init.js:74
d init.js:74
reject.errback init.js:76
(anonymous function) init.js:190
f init.js:194
q init.js:194
w.reject init.js:197
a init.js:195
f init.js:195
q init.js:194
w.reject init.js:197
a init.js:195
f init.js:195
q init.js:194
w.reject init.js:197
a init.js:195
f init.js:195
q init.js:194
w.reject init.js:197
a init.js:195
f init.js:195
q init.js:194
w.reject init.js:197
r init.js:156
h

jaykapalczynski

Thanks

1. I tried to grab your code and placed that in a new html page and it does not work....thats confusing
2. I went into my Organization account and set up a web map with simply basemanp. Shared it to public

id=7f843bb0a37849f68a5a2cc3d2b06288

http://dgif-virginia.maps.arcgis.com/home/item.html?id=7f843bb0a37849f68a5a2cc3d2b06288

I assume this is the ID I need? If not where do I get it?

Or this one once I open the web map

webmap=7f843bb0a37849f68a5a2cc3d2b06288

http://dgif-virginia.maps.arcgis.com/home/webmap/viewer.html?webmap=7f843bb0a37849f68a5a2cc3d2b06288

robertopepato_bizpoke

I have Fiddler2 installed.....

# Result Protocol Host URL Body Caching Content-Type Process Comments Custom
1 200 HTTP fiddler2.com /UpdateCheck.aspx?isBeta=False 595 private text/plain; charset=utf-8 fiddler:2824
2 302 HTTP js.arcgis.com /3.8compact/ 0 chrome:4952

HOw do I use the Java Script console....new at this sorry...but trying

It gets to here and stops...Funning thing is...I created a new HTML file and pasted the code thats in your example and still nothing....exactly what you had in there.

Confused.

THANK YOU VERY MUCH

I think that the fiddle thing that I mentioned above caused some confusion, so let me explain: When I said fiddle I was, in fact, referring to JSFiddle, an useful tool to share and tweak with JS code.

Fiddler is a great tool, but it's not related to our problem.

The javascript console is usually a browser extension that enables you to see any messages or errors in javascript processing. Some tools of this kind are: Firebug, Internet Explorer Developer Tools, Web Inspector, DragonFly, etc.

robertopepato_bizpoke

I have an ArcGIS online app running...this is the URL I can use to paste into a browser and it displays fine.
NOTE: I changed the appid below....this is the ID I am trying to use in my Java Script app and its not working

This wont work as is...I shared the Web Map Application to Public as I changed it aroudn a bit...must using it for reference
http://maps.arcgis.com/apps/OnePane/basicviewer/index.html?appid=240ssf435dfgfgdgdgfdc02386aebbae
  <script>
  var map;
    require(["esri/map", "esri/arcgis/utils", "esri/dijit/Legend", "dojo/domReady!"
    ], function(Map, arcgisUtils, Legend) { 
    
   arcgisUtils.createMap("240ssf435dfgfgdgdgfdc02386aebbae", "mapDiv").then(function (response) {
   map = response.map;   
   
   var legend = new Legend({
      map: map,
       layerInfos:(arcgisUtils.getLegendLayers(response))
    }, "legendDiv");
     
   legend.startup(); 

   });
   
    });
  </script>

Oh, I see. Tried to run the example with the mapId provided for you and get the following error on JS console:

[ATTACH=CONFIG]30616[/ATTACH]

This could be caused by a couple of things:

1 - Invalid MapId: Both apps and maps have independent ids. Double check if you are using the mapId or the appId. You wan't to use the mapId.
2 - Unshared content: You need to share your map, so you can access it without authentication. If you you build a app an publish this app, you will need to make your map shared to everyone, so everyone can access through your app.

Let me know if this helps.

Roberto Pepato

error.png

TestUniqueID.zip

jaykapalczynski

I have Fiddler2 installed.....

# Result Protocol Host URL Body Caching Content-Type Process Comments Custom
1 200 HTTP fiddler2.com /UpdateCheck.aspx?isBeta=False 595 private text/plain; charset=utf-8 fiddler:2824
2 302 HTTP js.arcgis.com /3.8compact/ 0 chrome:4952

HOw do I use the Java Script console....new at this sorry...but trying

It gets to here and stops...Funning thing is...I created a new HTML file and pasted the code thats in your example and still nothing....exactly what you had in there.

Confused.

THANK YOU VERY MUCH

EDIT: If I dont set to public is there a widget I need to add to prompt the user for a password that would be set in my Organization Account, or does this automatically happen when trying to access a secured feature?

robertopepato_bizpoke

I am running through some tutorials and having an issue

https://developers.arcgis.com/en/javascript/jstutorials/intro_agstemplate_amd.html

I am trying to use the Web Map Id they said you can in the example and then the map vanishes. I dont know how to get another one I can use.
I assume that the web map id is not working....what else can I be doing wrong
If you haven't created a web map yet, you can use 1a40fa5cc1ab4569b79f45444d728067 for testing.
require([
      "esri/map",
      "esri/arcgis/utils",
      "dojo/domReady!"
      ], function(Map, arcgisUtils){
      arcgisUtils.createMap("1a40fa5cc1ab4569b79f45444d728067", "mapDiv").then(function (response) {
          map = response.map;   
      });
  });
If I use this from the first example then the map shows up fine
map = new Map("mapDiv", {
center: [-77.4329, 37.5410],
zoom: 6,
basemap: "streets"
<script>
  var map;
    require(["esri/map", "esri/arcgis/utils", "esri/dijit/Legend", "dojo/domReady!"
    ], function(Map, arcgisUtils, Legend ) { 
    
   arcgisUtils.createMap("1a40fa5cc1ab4569b79f45444d728067", "mapDiv").then(function (response) {
   map = response.map;   
   
   var legend = new Legend({
      map: map,
       layerInfos:(arcgisUtils.getLegendLayers(response))
    }, "legendDiv");
     
   legend.startup(); 
   
   });
   
    });
</script>

Hello Jay and be welcome to the Esri's forums.

Let's try to tackle your questions on two parts

1 - Your examples: I ran the samples your provided with the test mapId and it worked perfectly from my end. I've also created two fiddles so you can see it running and make some tweaks to understand the concepts if necessary. You can find the fiddles here:

http://jsfiddle.net/rpepato/eEcQf/
http://jsfiddle.net/rpepato/qQDzj/

Can you run your code from your browser and capture any js errors presented on the javascript console and post it back? This will help to identify your issue.

2 - Regarding to a new mapId: Subscribe to arcgis online through developers.arcgis.com and create a new map on arcgis online. Each map you create and save will receive a new id that you can use on your apps. Don't forget to make the map public so it can be accessible by anyone without authentication.

Regards.

Roberto Pepato

jaykapalczynski

I have an ArcGIS online app running...this is the URL I can use to paste into a browser and it displays fine.
NOTE: I changed the appid below....this is the ID I am trying to use in my Java Script app and its not working

This wont work as is...I shared the Web Map Application to Public as I changed it aroudn a bit...must using it for reference
http://maps.arcgis.com/apps/OnePane/basicviewer/index.html?appid=240ssf435dfgfgdgdgfdc02386aebbae

  <script>
  var map;
    require(["esri/map", "esri/arcgis/utils", "esri/dijit/Legend", "dojo/domReady!"
    ], function(Map, arcgisUtils, Legend) { 
    
   arcgisUtils.createMap("240ssf435dfgfgdgdgfdc02386aebbae", "mapDiv").then(function (response) {
   map = response.map;   
   
   var legend = new Legend({
      map: map,
       layerInfos:(arcgisUtils.getLegendLayers(response))
    }, "legendDiv");
     
   legend.startup(); 

   });
   
    });
  </script>

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