I have to be doing something wrong because I can't get these tools to show up in the map I'm rendering with layers and other widgets. If I just do a basic map render and follow your example it works. But the second I try to do the same thing to my map it won't render the same and it appears to put the controls outside the view when I write them to the DOM.
I'm just trying to do the following:
var basemapToUse = "7ba5fedbafb747ec9d50e61b55ca0844";
// Define the web map reference
let map = new WebMap({
portalItem: {
id: basemapToUse
}});
const view = new MapView({
map: map,
container: viewDivObject,
popup: {
dockEnabled: true,
dockOptions: {
buttonEnabled: false,
breakpoint: false,
position: 'bottom-right'
}
}
});
view.when(function () {
const viewElement = document.getElementById("viewDiv");
const viewElementTest = document.getElementById("testDiv");
const scaleBar = document.createElement("arcgis-scale-bar");
scaleBar.position = "bottom-right";
scaleBar.barStyle = "line";
scaleBar.unit = "dual";
const basemapGallery = document.createElement("arcgis-basemap-gallery");
basemapGallery.position = "bottom-right";
viewElement.appendChild(scaleBar);
viewElement.appendChild(basemapGallery);
viewElementTest.appendChild(basemapGallery);
viewElementTest.appendChild(scaleBar);
});
I'm using code to render maps and layers by what we used to do via version 4.20, but now it appears I can't do what you're saying which is combing the way we used to do via v4.2 and now with v4.33 since it uses components. Is this true? Do I have to rewrite the way I render maps, views, layers, widgets, etc?
