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

Changing extent of an ArcGIS Online map

HeiJo

Hi everyone,
I follow this example: https://developers.arcgis.com/en/javascript/jssamples/ags_createwebmapitem.html
It's said those lines of code below can do changing the extent of the map, but when I try to modify the values of XMin, YMin, XMax, YMax it seems does not effect anymore:

//By default the extent will be that of the web map. Here we change it to a custom extent.            var extent = new Extent({             "xmin": "-13529153",             "ymin": "4665612",             "xmax": "-13281497",             "ymax": "872422882",             "spatialReference": {"wkid": 102100}           });            map.setExtent(extent);

So could any of you explain me why?
Thank you!

Vind meer berichten getagd met

Accepted answers

ChristopherBlinn1

The ymax value is too large, and also the quotes around the extent values need to be removed.

I downloaded the example and have it working on my machine with this extent:

var extent = new esri.geometry.Extent({      "xmin": -13529153,      "ymin": 4665612,      "xmax": -13281497,      "ymax": 4865612,      "spatialReference": {"wkid": 102100} });  map.setExtent(extent);

Hope this helps!

Chris B.

All comments

ChristopherBlinn1

Hei Jo,

Check your ymax value.

You are probably missing a decimal.

I know this website was created for flex viewer but it can still be used to define your web mercator extent values.

Hope this helps!

Best,
Chris B.

HeiJo

Thanks for your quick response!
I already change the value based on the app you provided.
But it still doesn't work.
And I found that those lines of code make the example hang (when zoom in or zoom out, the map disappear). When I remove those lines, it works properly.

HeiJo

And my bigger question is an ArcGIS Online web map is treated the sample like normal map or not?
The information I found about "esri/arcgis/utils" is quite little.

ChristopherBlinn1

Hei Jo,

I am trying to get the sample page you posted to work, but it keeps having issues (same to the issues you are having with the map not functioning correctly).

I see when adding the webmap.item you can specify the extent. Have you tried editing these values with your custom extent values?

Also, be sure your namespaces are loaded and any preceding tasks on your page load have completed successfully.

-Chris B.

HeiJo

Dear Chris,
I tried changing extent in webmap.item, but the issue still come...

I think maybe the reason come from: the new extent need to make the map meet the specific scales of Web Mercator?

ChristopherBlinn1

Hei Jo,

Try this:

var extent = new esri.geometry.Extent({
     "xmin": -13529153,
     "ymin": 4665612,
     "xmax": -13281497,
     "ymax": 872422882,
     "spatialReference": {"wkid": 102100}
}); 
map.setExtent(extent);

-Chris B.

HeiJo

It still not work, Chris

ChristopherBlinn1

The ymax value is too large, and also the quotes around the extent values need to be removed.

I downloaded the example and have it working on my machine with this extent:

var extent = new esri.geometry.Extent({      "xmin": -13529153,      "ymin": 4665612,      "xmax": -13281497,      "ymax": 4865612,      "spatialReference": {"wkid": 102100} });  map.setExtent(extent);

Hope this helps!

Chris B.

HeiJo

It works perfectly, Chris 🙂
So it needed to remove the quotes around the values also

Thanks again for your kind help!

ChristopherBlinn1

Hei Jo,

To make is easier for future users to get the answer, if you could delete all other posts but your first and last, and mark my post as the answer it will greatly improve the quality of this question/post.

Thanks,
Chris B.

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.