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

Map components with feature layers, why must I specify the basemap twice?

AntonioMedrano

I'm curious why I must specify a basemap twice when using a map component, then creating a map object in the JavaScript? For example, in this codepen, if I remove the basemap declaration either in line 27 or line 46, the map breaks. I purposefully put different basemaps to see which one in the end gets used. It's not a huge deal to define it twice, but it seems like it should only have to be once.

https://codepen.io/antoniomedrano/pen/NPxzozJ?editors=1000

Find more posts tagged with

Accepted answers

RRubalcava

You don't need to. You can start with just `<arcgis-map>` and skip the `viewOnReady` and just assign the map.

https://codepen.io/odoe/pen/RNrJdVv?editors=1000

This also makes it easier to bind a map in a framework so it could look something like `<arcgis-map map={localMap} />`

All comments

AntonioMedrano

Both of these approaches work, and I see why my original approach had it's behavior. Thank you @ReneRubalcava and @Justin_Greco.

Justin_Greco

After viewOnReady, the viewElement.map is already defined, you don't need to set it to a new Map object, you just need to add the parks layer to the existing map.

const viewElement = document.querySelector("arcgis-map");
await viewElement.viewOnReady();
viewElement.map.add(parksLayer);

RRubalcava

You don't need to. You can start with just `<arcgis-map>` and skip the `viewOnReady` and just assign the map.

https://codepen.io/odoe/pen/RNrJdVv?editors=1000

This also makes it easier to bind a map in a framework so it could look something like `<arcgis-map map={localMap} />`

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.