how to change basemap for a url. I want this layer to become my basemap layer on button click. like for topo button i want this layer to come as basemap. LINZ/geotiffs (MapServer) How to change my code accordingly. Thanks in advance var topoBtn =domConstruct.toDom(" TOPO ") ; var satelliteBtn = domConstruct.toDom(" SATELLITE ") ; function setbasemap(basemap){ webmap.basemap = basemap; } topoBtn.addEventListener('click', function(){ setbasemap('topo'); }); satelliteBtn.addEventListener('click', function(){ setbasemap('satellite'); });

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

change basemap with a url

rsharma

how to change basemap for a url. I want this layer to become my basemap layer on button click.

like for topo button i want this layer to come as basemap. LINZ/geotiffs (MapServer)

How to change my code accordingly. Thanks in advance

var topoBtn =domConstruct.toDom("<div class='map-button esri-component esri-widget--button esri-widget topo mapbtncolor' role='button' title='topo'>TOPO<span aria-hidden='true' role='presentation'></span></div>") ;
var satelliteBtn = domConstruct.toDom("<div class='map-button esri-component esri-widget--button esri-widget sat basmapcolor' id='satt' role='button' title='sattelite'>SATELLITE<span aria-hidden='true' role='presentation'></span></div>") ;

function setbasemap(basemap){
webmap.basemap = basemap;
}
topoBtn.addEventListener('click', function(){
setbasemap('topo');
});
satelliteBtn.addEventListener('click', function(){
setbasemap('satellite');

});

Vind meer berichten getagd met

Accepted answers

Egge-Jan_Pollé

Hi rajni sharma,

What do you think about this one?

ArcGIS JavaScript with New Zealand data - LINZ Basemapgallery

BR,

Egge-Jan

All comments

rsharma

// Basemaps Eagle Technology New Zealand
let LINZ_Topographic_Eagle_NZ = new Basemap({portalItem: {id: "<?=$map_id?>"}}); //NZ - LINZ Topographic

// Click event on Topo Button
topoBtn.addEventListener('click', function(){
setbasemap(LINZ_Topographic_Eagle_NZ);

});

Egge-Jan_Pollé

Hi rajni sharma,

What do you think about this one?

ArcGIS JavaScript with New Zealand data - LINZ Basemapgallery

BR,

Egge-Jan

RobertScheitlin__GISP

Have you looked at the sample for using a custom basemap?

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=basemap-custom

rsharma

I have created an online arcgis map with basemap as topographic and top layer is this LINZ/geotiffs (MapServer) I cannot able to use this layer directly as basemap in my app it disturb my functionality so i use topographic layer as basmap for this webmap ,

Furthermore, i have done this on click of button by dynamically changing portalItem id on click, but for this i have to refresh my page for toppo button.

      var webmap = new WebMap({
          portalItem: {
            // autocasts as new PortalItem()
            id: "<?=$map_id?>"
          }
        }); //End WebMap

Is their any other way, i can do it smoothly? Dynamically changing webmap, or any other way???

Hoping for positive response from the community.

Please don't send link of Basemap | ArcGIS API for JavaScript 4.15

I have already read it, but don't know how to practically implment it.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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