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

custom basemap not working 4.1 api

RamkumarNunduri

I am new to JS API4.1. I tried installing it on a system with Windows 7 running IIS. The instructions given in the install.html were followed. But, the following error is seen in console after using the test API code given in the install.html page.that loads a custom basemap. I have tested the Map service that i was using and checked the JS API 4.1 init.js through web browser. All things seem to be working fine.

The error reads as follows:

TypeError: this._layerViewsMap.forEach is not a function.

The JS API and the service URL are seen to be going through in the console window.

Request for immediate responses.

Ram Kumar.

#4.1‌

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

LukaszRutkowski1

Ram,

Just a suggestion: have you tried different browsers? Check also the compatibility mode in IE (Tools>Compatibility settings).

rscheitlin

Ram,

If you are following the instruction from the arcgis_js_api/library/downloads/index.html then it has this:

Open C:\Inetpub\wwwroot\arcgis_js_api\library\4.1\4.1\init.js in a text editor and search for the text [HOSTNAME_AND_PATH_TO_JSAPI], and replace this text with <SPAN><a href="</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTop-level_domain" target="_blank">https://en.wikipedia.org/wiki/Top-level_domain</A><SPAN>">fqdn.tld</a>/arcgis_js_api/library/4.1/4.1/</SPAN>

The <a href="https://en.wikipedia.org/wiki/Top-level_domain">fqdn.tld</a> is not suppose to look like that in the doc. It is suppose to be parsed and just be a link to fqdn.tld Which just explains how you need to use a fully qualified domain name of the web server.

So in my case on my development lap top I replaced [HOSTNAME_AND_PATH_TO_JSAPI] with "gislap183" (my machine name) for both step one and step 2.

RamkumarNunduri

Roberts,

I downloaded and installed the api again now on the same server system hosting the arcgis services. but the same error repeats. I read through the install.html page and noticed that unlike previous way of replacing "[HOSTNAME_AN_PATH...]" with the url to the api, there was string with <a> tag. Is this to be used the same as described.

Our systems are in a private network so you may not be able to configure them online.

I too strongly feel that i am missing some thing thats simple but can't make out at this point in time. SO, request your guidance in this regard.

Ram Kumar.

rscheitlin

Ram,

Sounds like you have an issue with your 4.1 local install. I would re-download and deploy the API to your web server. I did not use full urls to the api because it was hosted on the same web server that me app was so there was no need. You may try adding the corsenabledserver:

esriConfig.defaults.io.corsEnabledServers.push("servicesbeta.esri.com");

RamkumarNunduri

Roberts,

I tried accessing the service with 3.16 api and it was working fine.

Some thing strange? please advice.

Ram Kumar.

RamkumarNunduri

Roberts,

I tried with the code you posted. I am still stuck with the same error.

The only modification i did in your code was to add the full URL in hrefs and src attributes.

Does this has to do anything with config CORS/proxy?

Did you deploy your application on a different web server?

please suggest me to diagnose this step by step. Otherwise i am already making too many modifications to troubleshoot.

Ram kumar.

RamkumarNunduri

Roberts,

The code is as below. You may note that i was running this code using local installation of JS API 4.1 as mentioned in previous posts. The base map i used is arcgis server tiled map service (wkid:3857).

<SPAN class=""><!DOCTYPE html></SPAN><SPAN class=""><html></SPAN>&nbsp; <SPAN class=""><head></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><title></SPAN>Test Map<SPAN class=""></title></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><SPAN><link rel="stylesheet" href="</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fmyserver%2Farcgis_js_api%2Flibrary%2F4.1%2F4.1%2Fdijit%2Fthemes%2Fclaro%2Fclaro.css" target="_blank">http://myserver/arcgis_js_api/library/4.1/4.1/dijit/themes/claro/claro.css</A><SPAN>" /></SPAN></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><SPAN><link rel="stylesheet" href="</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fmyserver%2Farcgis_js_api%2Flibrary%2F4.1%2F4.1%2Fesri%2Fcss%2Fmain.css" target="_blank">http://myserver/arcgis_js_api/library/4.1/4.1/esri/css/main.css</A><SPAN>" /></SPAN></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><style></SPAN><SPAN class="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; html, body, #ui-map-view {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding: 0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height: 100%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp; </SPAN><SPAN class=""></style></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><SPAN><script src="</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fmyserver%2Farcgis_js_api%2Flibrary%2F4.1%2F4.1%2Finit.js" target="_blank">http://myserver/arcgis_js_api/library/4.1/4.1/init.js</A><SPAN>"></SPAN></SPAN><SPAN class=""></SPAN><SPAN class=""></script></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><script></SPAN><SPAN class=""><SPAN>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var myMap, view;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; require([&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/Basemap",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/layers/TileLayer",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/Map",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "esri/views/MapView",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "dojo/domReady!"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ], function (Basemap, TileLayer, Map, MapView){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // --------------------------------------------------------------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If you do not have public Internet access then use the Basemap class&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // and point this URL to your own locally accessible cached service.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Otherwise you can just use one of the named hosted ArcGIS services.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // --------------------------------------------------------------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var layer = new TileLayer({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: "</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fmyserver%2Farcgis%2Frest%2Fservices%2F.....%2FMapServer" target="_blank">http://myserver/arcgis/rest/services/...../MapServer</A><SPAN>"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var customBasemap = new Basemap({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; baseLayers: [layer],&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: "Custom Basemap",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; id: "myBasemap"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; myMap = new Map({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; basemap: customBasemap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; view = new MapView({&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; center: [-111.87, 40.57], // long, lat&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; container: "ui-map-view",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map: myMap,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; zoom: 6&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN><SPAN class=""></script></SPAN>&nbsp; <SPAN class=""></head></SPAN>&nbsp; <SPAN class=""><body class="claro"></SPAN>&nbsp;&nbsp;&nbsp; <SPAN class=""><div id="ui-map-view"></SPAN><SPAN class=""></div></SPAN>&nbsp; <SPAN class=""></body></SPAN><SPAN class=""></html></SPAN>

rscheitlin

Ram,

Please post your code for review.

RamkumarNunduri

Robert,

Frankly I did not use 4.0 api. The last i used was api 3.12.

I see that the entire JS API has been restructured for ease of developers (as said).

I checked the Map service (REST url) running on Win2008 server. That was getting accessed in my web browser.

I would request you to give clarity on local installation of JS API 4.1 keeping the following:

ArcGIS Server 10.4 running on Win2008 server with web adaptor configured on IIS.

Development system uses IIS configured with JS API 4,1 on Win7.

I have tried using view.then() to know the promise resolution. Also used try/catch to get any kind of error.

But nothing happens after the error (mentioned in previous post) gets logged and later the Mapserver url get listed in console with response code 200 OK.

Ram Kumar.

rscheitlin

Ram,

Did this work previously using 4.0 and has stopped using 4.1?

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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