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

Couple of questions about the API

DanielMclaglen

Hi Guys

I am very new to arcgs and have a couple of questions.

1. I am accessing a saved arcgs map using the call back for function createmap. I have added the basemap gallery to the map and this works and changes the base map without any problems. The only issue is that the basemap image gallery is not displaying the thumbnails. Are there any known issues with his?

2. Is there a way / widget for the layer selector that can be added?

3. Is there a way / widget for the search box?

4. Is there an example of passing the username and password to create map to avoid the authentication challenge. Have seen some posts about using OAuth but could not quite get that to work.

The map looks like attached

[ATTACH=CONFIG]34178[/ATTACH]

Ta,
D

Map.jpg

screen5.png

Find more posts tagged with

Accepted answers

All comments

DanielMclaglen

Slowly getting there (apologies as only day 2 working with the API).

Anyway worked out item 3 using the Geolocator widget.

Ta,
D

Hi Guys

I am very new to arcgs and have a couple of questions.

1. I am accessing a saved arcgs map using the call back for function createmap. I have added the basemap gallery to the map and this works and changes the base map without any problems. The only issue is that the basemap image gallery is not displaying the thumbnails. Are there any known issues with his?

2. Is there a way / widget for the layer selector that can be added?

3. Is there a way / widget for the search box?

4. Is there an example of passing the username and password to create map to avoid the authentication challenge. Have seen some posts about using OAuth but could not quite get that to work.

The map looks like attached

[ATTACH=CONFIG]34178[/ATTACH]

Ta,
D

DanielMclaglen

Solved item 2 now by manually constructing some check boxes from the layer info and attaching event logic for layer visibility.

Ta,
D

Hi Guys

I am very new to arcgs and have a couple of questions.

1. I am accessing a saved arcgs map using the call back for function createmap. I have added the basemap gallery to the map and this works and changes the base map without any problems. The only issue is that the basemap image gallery is not displaying the thumbnails. Are there any known issues with his?

2. Is there a way / widget for the layer selector that can be added?

3. Is there a way / widget for the search box?

4. Is there an example of passing the username and password to create map to avoid the authentication challenge. Have seen some posts about using OAuth but could not quite get that to work.

The map looks like attached

[ATTACH=CONFIG]34178[/ATTACH]

Ta,
D

DanielMclaglen

I am guessing item 1 is a bug because when I look at the source of the image src I get an error saying the request is not run over ssl. Changing the url to https then retrieves the image.

If I move the basemap image gallery outside of the createmap call back then it works (obviously requires a valid map for this to work).

Ideas?

Ta,
D

Hi Guys

I am very new to arcgs and have a couple of questions.

1. I am accessing a saved arcgs map using the call back for function createmap. I have added the basemap gallery to the map and this works and changes the base map without any problems. The only issue is that the basemap image gallery is not displaying the thumbnails. Are there any known issues with his?

2. Is there a way / widget for the layer selector that can be added?

3. Is there a way / widget for the search box?

4. Is there an example of passing the username and password to create map to avoid the authentication challenge. Have seen some posts about using OAuth but could not quite get that to work.

The map looks like attached

[ATTACH=CONFIG]34178[/ATTACH]

Ta,
D

DanielMclaglen

fixed item 1 by creating the basemap gallery outside of the callback and assign the map to the basemap gallery inside the callback.


            ready(function () {

                parser.parse();                              

                var basemapGallery = new BasemapGallery({ showArcGISBasemaps: true, map: map }, "basemapGallery");
                basemapGallery.startup();

                // The web map id would need to be pulled from the database in a callback function                

                arcgisUtils.createMap("mapid", "map").then(function (response) {

                    // Update HTML display fields
                    dom.byId("title").innerHTML = response.itemInfo.item.title; // + ' - ' + response.itemInfo.item.snippet;
                    dom.byId("subtitle").innerHTML = response.itemInfo.item.snippet;

                    var map = response.map;
                    map.setBasemap('aa');

                    ////////////////////////////////////////////////////////////////////////////////////
                    // Add map controls

                    var scalebar = new Scalebar({map: map, scalebarUnit: "english"});

                    var home = new HomeButton({map: map}, "HomeButton");
                    home.startup();
                 
                    // Assign to map to basemap
                    basemapGallery.map = map;

                    var geocoder = new Geocoder({map: map}, "search");
                    geocoder.startup();

                    var legendLayers = arcgisUtils.getLegendLayers(response);
                    var legendDijit = new Legend({map: map, layerInfos: legendLayers}, "legend");
                    legendDijit.startup();

                    ////////////////////////////////////////////////////////////////////////////////////

                    // Do the layers tick boxes
                    var layers = response.itemInfo.itemData.operationalLayers;
                    array.forEach(layers, function (layer) {

                        new CheckBox({
                            id: "cb_" + layer.id,
                            name: "cb_" + layer.id,
                            checked: true,
                            onChange: function (bool) { bool ? map.getLayer(this.id.split("_")[1]).show() : map.getLayer(this.id.split("_")[1]).hide(); }
                        }, domConstruct.create("input", {
                            id: "lyr_" + layer.id
                        })).placeAt(dom.byId("layertoggle"));

                        // create a label for the check box 
                        var label = domConstruct.create('label', {
                            "for": "cb_" + layer.id,
                            "id": "lbl_" + layer.id,
                            "innerHTML": layer.title
                        });

                        domConstruct.place(label, dom.byId("layertoggle"));
                        domConstruct.place(domConstruct.create("br"), dom.byId("layertoggle"));
                        domConstruct.place(domConstruct.create("br"), dom.byId("layertoggle"));

                    });
                   
                });
              
            });

I am guessing item 1 is a bug because when I look at the source of the image src I get an error saying the request is not run over ssl. Changing the url to https then retrieves the image.

If I move the basemap image gallery outside of the createmap call back then it works (obviously requires a valid map for this to work).

Ideas?

Ta,
D

JohnGravois

glad to hear you were able to sort yourself out daniel! thanks for taking the time to share the solutions.

DanielMclaglen

Thanks John.

I am most of the way there although item 4 is still a problem. I have added the app, generated the token & registered it using kernel.id however it is still not quite working.

I have not quite got to the bottom of it but it might be to do with running the VS project as local host / port number.
It would be so much simpler if we could simply pass usename and password into createmap.

Will post again when / if I locate the problem.

Ta,
D

glad to hear you were able to sort yourself out daniel! thanks for taking the time to share the solutions.

JohnGravois

daniel,

it would definitely be simpler, but it wouldn't be very secure to store usernames and passwords in your application source. 🙂

if you'd like to authenticate on behalf of your end users, you should be using a proxy.

the sample below doesn't spin up using createMap(), but comparable logic is used to force requests to a subscription routing service through a proxy which generates a token dynamically.

directions
https://developers.arcgis.com/javascript/jssamples/widget_directions_basic.html

DanielMclaglen

Hi John

Well they would not have to be stored in the source code as they would come from a database. In this case it does not really matter though as all the users know the logins (app is internal use only, that said they do not know someone else's login). Anyway does not matter if it can't so long as there is a way as having the challenge would really annoy my end users.

Will have a look at the proxy and re-post later.

Thanks for taking the time to respond,
D

daniel,

it would definitely be simpler, but it wouldn't be very secure to store usernames and passwords in your application source. 🙂

if you'd like to authenticate on behalf of your end users, you should be using a proxy.

the sample below doesn't spin up using createMap(), but comparable logic is used to force requests to a subscription routing service through a proxy which generates a token dynamically.

directions
https://developers.arcgis.com/javascript/jssamples/widget_directions_basic.html

DanielMclaglen

Hi John

I have had a look at the proxy solution and I can't say I am a fan of the extra config doing it this way.
I have tried doing it this way.
http://forums.arcgis.com/threads/90031-Bypass-Identity-Manager-with-ArcGIS.com-OAuth-token-object?highlight=bypass+login

this for me is a much cleaner way of doing it but this does not work for me either. The code in the link still receives the challenge with a message saying I do not have access to the resource and if I use the 3.9 library there is no challenge and the map does not get drawn. I am running from localhost. The app set seems ok as I can get the token manually.

Do you know if the above method works with 3.9?

Ta,
D

Hi John

Well they would not have to be stored in the source code as they would come from a database. In this case it does not really matter though as all the users know the logins (app is internal use only, that said they do not know someone else's login). Anyway does not matter if it can't so long as there is a way as having the challenge would really annoy my end users.

Will have a look at the proxy and re-post later.

Thanks for taking the time to respond,
D

DanielMclaglen

Hi John

Ok I tried the other way so decided to go down the proxy route and the whole thing is driving me round the bend.
I tested the proxy and that returned correctly.

However when using it on my createmap it fails, I suspect it is fairly simple where the error as I could not figure out what the urlprefix should be. Anyway this is what I ended up doing and it routes via the proxy however there is still a challenge.

Proxy.config


<?xml version="1.0" encoding="utf-8" ?>

<ProxyConfig allowedReferers="*" mustMatch="false">
  
    <serverUrls>
      
        <serverUrl url="http://services.arcgisonline.com" matchAll="true"/>

      <serverUrl url="http://arcgis.com"
       clientId="MYAPPID"
       clientSecret="MYSECRET"
       rateLimit="600"
       rateLimitPeriod="60"
       matchAll="true">
      </serverUrl>
       
    </serverUrls>
  
</ProxyConfig>

Hooking up to route via the proxy


            esriConfig.defaults.io.proxyUrl = "http://localhost:54254/proxy/proxy.ashx";
            esriConfig.defaults.io.alwaysUseProxy = true;

Any ideas where I am going wrong.

Ta,
D

Hi John

I have had a look at the proxy solution and I can't say I am a fan of the extra config doing it this way.
I have tried doing it this way.
http://forums.arcgis.com/threads/90031-Bypass-Identity-Manager-with-ArcGIS.com-OAuth-token-object?highlight=bypass+login

this for me is a much cleaner way of doing it but this does not work for me either. The code in the link still receives the challenge with a message saying I do not have access to the resource and if I use the 3.9 library there is no challenge and the map does not get drawn. I am running from localhost. The app set seems ok as I can get the token manually.

Do you know if the above method works with 3.9?

Ta,
D

JohnGravois

Daniel,

if you snoop the web traffic when you launch your application you should see that a request to retreive the private webmap json is specifically whats failing.

http://www.arcgis.com/sharing/rest/content/items/cd23069c1aeb44f79e072932d30bccac/data?f=json

this can be resolved by adding the following serverUrl tag to your proxy.config.

<serverUrl url="http://www.arcgis.com"
            username="john"
            password="doe"            
            matchAll="true">
</serverUrl>

after updating your proxy.config, try adapting this sample (i just confirmed it works fine)

<!DOCTYPE html>
  <html>
  <head>
  <title>Create a Web Map</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <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.9compact/"></script>
  <script>
    require([
      "esri/map",
      "esri/arcgis/utils",
      "esri/urlUtils",
      "esri/config",
      "dojo/domReady!"
      ], function (Map, arcgisUtils, urlUtils, esriConfig) {
        
        //define proxy rule        
        urlUtils.addProxyRule({
          proxyUrl: "/sproxy/proxy.ashx",
          urlPrefix: "www.arcgis.com/sharing/rest"
        });
        
        //swap for your own private webmap
        arcgisUtils.createMap("cd23069c1aeb44f79e072932d30bccac", "mapDiv");
    });
  </script>
  </head>
  <body>
    <div id="mapDiv"></div>
  </body>
  </html>

DanielMclaglen

Hi John

Thanks again for taking the time to post. I see the problem but have not had time to test as my main network internet connection has been down today (ironically failing on the proxy).

Will update once I have implemented the changes. Quick though and that is the mustMatch flag in the proxy config. Whenever it is set to true the proxy fails here.

        if (mustMatch)
            throw new ArgumentException("Proxy is being used for an unsupported service:");

According to the documentation it says
"When true only the sites listed using serverUrl will be proxied."

However whenever that is set to true the proxy fails -- again probably missing something silly here.

Thanks,
D

<serverUrl url="http://www.arcgis.com"
            username="john"
            password="doe"            
            matchAll="true">
</serverUrl>

after updating your proxy.config, try adapting this sample (i just confirmed it works fine)

<!DOCTYPE html>
  <html>
  <head>
  <title>Create a Web Map</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <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.9compact/"></script>
  <script>
    require([
      "esri/map",
      "esri/arcgis/utils",
      "esri/urlUtils",
      "esri/config",
      "dojo/domReady!"
      ], function (Map, arcgisUtils, urlUtils, esriConfig) {
        
        //define proxy rule        
        urlUtils.addProxyRule({
          proxyUrl: "/sproxy/proxy.ashx",
          urlPrefix: "www.arcgis.com/sharing/rest"
        });
        
        //swap for your own private webmap
        arcgisUtils.createMap("cd23069c1aeb44f79e072932d30bccac", "mapDiv");
    });
  </script>
  </head>
  <body>
    <div id="mapDiv"></div>
  </body>
  </html>

JohnGravois

yup. mustMatch="true" causes the proxy to compare the request to the whitelist in the proxy.config. if the url stub is not an exact match, it will throw an error rather than fetch the page and hand it back to you.

from what i saw before, you had 'arcgis.com' but not 'www.arcgis.com'.

DanielMclaglen

Hi John

Indeed the issue was www however I am still having further trouble.
It still challenges and debugging the proxy I see that the following json is returned when it tries to get the actual map.

{"error":{"code":403,"messageCode":"GWM_0003","message":"You do not have permissions to access this resource or perform this operation.","details":[]}}

I have admin rights on the system and am using my credentials. I have checked the map is shared etc but do not seem to be able to locate any other settings that might affect this. Any ideas?

Thanks again for the taking the time to assist,
D

yup. mustMatch="true" causes the proxy to compare the request to the whitelist in the proxy.config. if the url stub is not an exact match, it will throw an error rather than fetch the page and hand it back to you.

from what i saw before, you had 'arcgis.com' but not 'www.arcgis.com'.

DanielMclaglen

I have just manually generated the token and manually constructed map call and I get the same error so it does not look like the proxy is causing the problem. Could it be layers on the map?

Hi John

Indeed the issue was www however I am still having further trouble.
It still challenges and debugging the proxy I see that the following json is returned when it tries to get the actual map.

{"error":{"code":403,"messageCode":"GWM_0003","message":"You do not have permissions to access this resource or perform this operation.","details":[]}}

I have admin rights on the system and am using my credentials. I have checked the map is shared etc but do not seem to be able to locate any other settings that might affect this. Any ideas?

Thanks again for the taking the time to assist,
D

DanielMclaglen

Ok I have got to the bottom of it and the proxy is working.
I created a new map with no layers and everything is fine.

The existing map has layers coming from

https://services2.arcgis.com
&
https://services.arcgisonline.com

So I would say the challenges are coming from here.

D

I have just manually generated the token and manually constructed map call and I get the same error so I am it does not look like the proxy is causing the problem. Could it be layers on the map?

JohnGravois

glad to hear i was able to help sort you out.

you'll want to use either http or https across the board for resources and your actual application to avoid mixed protocol errors thrown by the browser.

DanielMclaglen

Yeah thanks although not quite fine yet as still getting the challenges caused by the layers.
At the mo i have routed everything through the proxy and added the config for the https://services2 address but no joy.

glad to hear i was able to help sort you out.

you'll want to use either http or https across the board for resources and your actual application to avoid mixed protocol errors thrown by the browser.

JohnGravois

are your own REST services public or do they require authentication? if so, are you including the credentials for that specific resource in the proxy.config?

if you try to use the proxy directly in the browser to access the REST endpoint is it successful?

ie:

http://yourmachine/folder/proxy.ashx?http://services2.arcgis.com/arcgis/blah....

DanielMclaglen

Manually constructing the url and token against this resource and I think it is still a permission problem on the layers.

https://services2.arcgis.com/"ID"/arcgis/rest/services/"NAME"/FeatureServer/3?f=json&token=MYTOKEN

returns an error

{"error":{"code":403,"message":"You do not have permissions to access this resource or perform this operation.","messageCode":"GWM_0003","details":["You do not have permissions to access this resource or perform this operation."]}}

I am fed up with this thing now as I do not see anywhere I am supposed to set these permissions on the layers.

D

Yeah thanks although not quite fine yet as still getting the challenges caused by the layers.
At the mo i have routed everything through the proxy and added the config for the https://services2 address but no joy.

DanielMclaglen

Seems the thread order is not right. Again I do not think the proxy is at fault given trying to access them directly from the browser ends in error.

https://services2.arcgis.com/"ID"/arcgis/rest/services/"NAME"/FeatureServer/3?f=json&token=MYTOKEN

returns an error

{"error":{"code":403,"message":"You do not have permissions to access this resource or perform this operation.","messageCode":"GWM_0003","details":["You do not have permissions to access this resource or perform this operation."]}}

As I said in the original post I have only been working with this for a few days so probably missing quite a bit.
Situation is basically that the proxy works for maps living here http://www.arcgis.com however if they contain layers living here https://services2.arcgis.com then it will challenge.

Once again thanks for taking the time to respond,
D

are your own REST services public or do they require authentication? if so, are you including the credentials for that specific resource in the proxy.config?

if you try to use the proxy directly in the browser to access the REST endpoint is it successful?

ie:
http://yourmachine/folder/proxy.ashx?http://services2.arcgis.com/arcgis/blah....

JohnGravois

you can set permissions on individual items (that you own) in ArcGIS Online by navigating to their item details page and clicking "share"

[ATTACH=CONFIG]34341[/ATTACH]

http://esrihack.maps.arcgis.com/home/item.html?id=a3e05a39087c4a768d43ae231ea158e0

sharing.png

DanielMclaglen

Hi John

Yeah I know about that setting but that is not the problem as the maps and layers are all shared. I can view the maps normally through the WebUI (or if I authenticate when the challenge comes). I was just wondering if there was another setting for permissions when accessing the REST services via the API.

Basically the proxy works as it authenticates with http://www.arcgis.com where the map lives so I can bring up the map with no challenge. However if the map contains layers that live here https://services2.arcgis.com then I will get challenged.

If I authenticate manually when challenged then the maps loads without a problem.

I have made sure all traffic is routed via the proxy by setting

            esriConfig.defaults.io.proxyUrl = "http://localhost:54254/proxy/proxy.ashx";
            esriConfig.defaults.io.alwaysUseProxy = true;

I have also tried multiple combinations of the address in the proxy.config
1. https://services2.arcgis.com
2. https://www.services2.arcgis.com

But nothing seems to make a difference.

Ta,
D

you can set permissions on individual items (that you own) in ArcGIS Online by navigating to their item details page and clicking "share"

[ATTACH=CONFIG]34341[/ATTACH]

http://esrihack.maps.arcgis.com/home/item.html?id=a3e05a39087c4a768d43ae231ea158e0

JohnGravois

are you using https across the board? (ie: to load the application itself, to load all supporting CSS and JS and all map resources)

DanielMclaglen

Everything runs over https except the app itself which is http.

When I change the following in the proxy config to https then even the basic map with no layers will start challenging (works otherwise).

      <serverUrl url="http://www.arcgis.com" 
          clientId="ID"
          clientSecret="SECRET"
          username="USER"
          password="PW"
       rateLimit="600"
       rateLimitPeriod="60"
       matchAll="true">
      </serverUrl>

No matter what I do the layers which run on https://services2.arcgis cause a challenge. I even have the following section in the proxy which make naff all difference.

        <serverUrl url="https://services2.arcgis.com/gGQziFjRK38YOiW5/arcgis/rest/services"
          clientId="ID"
          clientSecret="SECRET"
          username="USER"
          password="PW"
          rateLimit="600"
          rateLimitPeriod="60"
          matchAll="false">
        </serverUrl>

I can't see anywhere where I can tell it to run the layers over http.

Ta,
D

JohnGravois

if your hosted service is shared publicly, don't include appId/appSecret or username/password in within the <serverUrl> item.

if the service is only shared with your org or a specific group, use username/password (and not appId/appSecret)

<serverUrl url="https://services2.arcgis.com/gGQziFjRK38YOiW5/arcgis/rest/services"  
  username="USER"
  password="PW"
  rateLimit="600"
  rateLimitPeriod="60"
  matchAll="false">
</serverUrl>

DanielMclaglen

The service is only shared with our org.
If I remove appid and secret then even the basic map with no layers challenges.

DanielMclaglen

Further to this the basic map with no layers does not challenge if a username and password are not supplied.
It simply wants the app and secret and then no challenge.

As for the one with layers there is nothing I can do to stop it challenging.

I think my only option is going to be to contact Esri support.

Thanks,
D

JohnGravois

thats fine. you can tell them you'd like to work with me specifically if you want 🙂

appId/appSecret should not be thought of as a way to authenticate and access shared content. those credentials are specifically intended to allow an application to access subscription services which burn credits without requiring someone to sign in, or provide information to identify an app which uses an OAuth2 technique to have people sign in with their own credentials to work with private content.

DanielMclaglen

Oh jaysus my apologies John -- I just assumed you were a fellow user.

Ok so first question do I even need the application to be setup in ArcGIS online?
Second if I can authenticate using username and password then why would my basic map with no layers not work when using username and password?

Ta,
D

thats fine. you can tell them you'd like to work with me specifically if you want 🙂

appId/appSecret should not be thought of as a way to authenticate and access shared content. those credentials are specifically intended to allow an application to access subscription services which burn credits without requiring someone to sign in, or provide information to identify an app which uses an OAuth2 technique to have people sign in with their own credentials to work with private content.

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.