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

Looking to keep cached base map at full extent even when the browser is minimized

ipeebles

I have an application that works well, yet I am trying to get the map to appear at full scale when the browser is opened in a minimized window. When the browser is opened at a maximized browser window, the map does appear at full extent.

is there a way I can scale the map at full extent when the browser is minimized? I understand that this may be a css issue. Below are samples I am referring to?

Browser - Full Extent

Browser - Minimized Window

Notice the difference?

There are going to be users that open their browser in a minimized state, but I want them to be able to see the entire extent of the City. Also, there is a cached base map used.

Anyone have any ideas?

Find more posts tagged with

Accepted answers

ipeebles

Ken,

I tried this out and I could not get it to work. Here is the block of code I use for the map:

// MAP START EXTENT

var startExtent = new Extent(2080000, 216000, 2200000, 280000, new SpatialReference({wkid: 102724}));

// MAP

map = new esri.Map("map", {

extent: startExtent,

sliderPosition: "top-left",

sliderOrientation: "horizontal",

sliderStyle: "large",

isZoomSlider: true

});

How would I incorporate your suggestion?

All comments

ipeebles

Ken,

I tried this out and I could not get it to work. Here is the block of code I use for the map:

// MAP START EXTENT

var startExtent = new Extent(2080000, 216000, 2200000, 280000, new SpatialReference({wkid: 102724}));

// MAP

map = new esri.Map("map", {

extent: startExtent,

sliderPosition: "top-left",

sliderOrientation: "horizontal",

sliderStyle: "large",

isZoomSlider: true

});

How would I incorporate your suggestion?

kenbuja

When you're using the tile map layer, you're going to run into the issue when the extent of the service won't exactly fit to the size of the browser window. It will either be too large or two small. The map's setExtent method does have a way around this, however. It has an optional parameter that makes sure the extent you use will fully fit in the window. It defaults to false, so you just have to set it to true.

map.setExtent(initialExtent, true);

ipeebles

Robert,

All it does is move the map to the max scale of 1:12000 and centers the current scale in the map. I am just wondering if the map frame can some how adjust according to browser window size?

With a dynamic map service, this is not a problem

Ian

RobertScheitlin__GISP

Ian,

In your "minimized state" what happen when someone clicks the home button (full extent button)?

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.