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

Basemap not loading

KyleDixon

I'm upgrading a JavaScript application from API version 2.7 to 3.9. I've worked through most of the changes but the basemap isn't loading correctly.

Only a few tiles load in a diagonal pattern. The map does work in a test page but not in the application, the only difference is the test page uses esri's hosted dojo and the application hosts its own.

On Loading:

After zooming:

Find more posts tagged with

Accepted answers

kenbuja

Have you included a link to the esri.css? Take a look at "What's New in Version 3.2" ‌and "Required CSS"

All comments

KyleDixon

It is the css issue, I have to import the esri css files.

KyleDixon

That's probably it! The application has it's own css and we don't want to import anything that will conflict.

Is there a specific css file I need to import that won't affect other elements of the site?

JeffPace1

The tiles that load diagonally, are they in the correct location? or are they scrambled.

If they are correct, it sounds like an issue with the service. IF they are scrambled, it is definitely the css issue Ken mentioned above

KyleDixon

I have already done those things, all good points though, thanks.

kenbuja

Have you included a link to the esri.css? Take a look at "What's New in Version 3.2" ‌and "Required CSS"

AmrEldib1

Things to check:
- Open the same page in another browser.

- Open the same page in the private mode of the same browser (similar to clearing cache).

- Open the Developer Console (I use Firefox) and watch if the page makes requests to those tiles or whether those requests are fulfilled.

- If it's possible, comment out everything after loading the basemap then test again.

- (You probably already doing this but) Make sure that loading the basemap is done after the page is loaded and the DOM is ready. Use Dojo's dojo/domReady!

KyleDixon

Both are 1.9.1

JonathanUihlein

What version of DOJO is the application using and which hosted version of DOJO are you targeting?

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.