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

HomeButton doesn't abide by initial extent

AshleyPeters

I've added the HomeButton dijit into my map. When it is first opened, the map is centered on the state of Alabama. When the HomeButton is pressed, the extent moves to the northeast and is centered on the eastern Tennesse area. Has anyone else experienced this or know a way to resolve it? Thanks in advance!

Find more posts tagged with

Accepted answers

All comments

AshleyPeters

I think this should take you to it on JSFiddle: Link

JeffJacobson

Can you post your code on Plunker or JSFiddle?

AshleyPeters

Here's the portion of the .js file I've modified that deals with the HomeButton and initial extent. I know I likely don't need the center, extent and zoom constructors in the map, but I've been trying a multitude of different things to resolve the map bumping away. If you need the rest of the code, let me know and I'll post it.

*Edit - Looking further, could this be a wkid issue?

var extentInitial = new Extent({

"xmin": -9850000,

"ymin": 3400000,

"xmax": -9320000,

"ymax": 4300000,

"spatialReference": {

"wkid": 102100

}

});

// Create the map

mapMain = new Map("cpCenter", {

basemap: "satellite",

//center: [-85.6, 34.4],

extent: extentInitial,

zoom: 7

});

// Add BasemapGallery widget to the map

var basemapGallery = new BasemapGallery ({

showArcGISBasemaps: true,

map: mapMain}, "basemapGallery");

basemapGallery.startup();

// Add HomeButton widget to the map

var home = new HomeButton({

map: mapMain,

extent: extentInitial

}, "HomeButton");

home.startup();

RobertScheitlin__GISP

Ashley,

Can you post the code you are using? Minus your service urls of course.

AshleyPeters

Robert,

I did use the constructors yesterday before I posted the initial question. I should have mentioned that.

I had previously created an initial extent to use within my map. I used that same variable in the HomeButton with the extent constructor. As soon as I open the map, I can hit the HomeButton and it will automatically move to the northeast of where I have it set.

I haven't tried hardcoding the extent in to see if that would work, but I'm not sure what else to try.

Ashley

RobertScheitlin__GISP

Ashley,

You can assign the extent that you want the button to use in the dijits constructor.

https://developers.arcgis.com/javascript/jsapi/homebutton-amd.html#homebutton1

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.