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

How to increase Zoom in level?

MuhammadHammad

Dear all,

I have map containing plus and minus buttons for zooming.

When pressing plus button, it zooms into a certain level, and pressing again will further zoom into the map.

But I would like to increase the zoom in level more.

How could I increase it? Do I need to control it by using Arcmap tool? or should I need to write a java script code to increase the zoom in level of map?

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Muhammad,

Here is a tutorial link on doing that:

Tutorial: Creating a cached map service—Documentation | ArcGIS Enterprise

JenniferAcunto_0-1715704821493.png

All comments

MuhammadHammad

Thanks Robert for your response.

I am using "myDelorme" as basemap. I am new in GIS, can you please confirm about where can I define LODs in service?

Following is the image of scale settings appear in Arcmap. Do I need to define scales and then use those exact values such as 400, 500, 1000 etc in "lod" variable at javascript file? and where can I get resolution values from service?

Similarly, there are settings appeared in the Layer properties->Source tab as follows:

Scale_Factor: 0.99960000
Latitude_Of_Origin: 0.00000000
Linear Unit: Meter

Do I need to consider them? Please let me know about it.

RobertScheitlin__GISP

Muhammed,

So my first question is what are you using as your maps basemap? Is it a custom tiled layer?

My example of 500 and 1000 scale is just me not wanting to take the time to type the actual numbers for the scale. If you are using esri basemaps then the scales and resolutions are predetermined and if you want to add more scales then they have to be half of the previous scale (if trying to get a more zoomed in scale) or twice the last scale (if trying to increase).

Resolution in map units of each pixel in a tile for each level.

The LODs you define have to match the scales your tiled basemap service is set to.

MuhammadHammad

Thanks Robert for your reply.

I would like to ask that by using LOD, I can be able to see a map at level 7, but for other levels I can see a empty back ground. Why is this happened?

Secondly, as you mentioned scales between 5.91657527591555E8 (world view) to 70.5310735 (street level detail). Why are you using 500 and 1000 values in scale variable. Finally, what is the meaning of resolution variable in the code?

Please let me know about it.

I am using the following code:

var lods = [{
"level": 0,
"resolution": 0.43402777777777773,
"scale": 500
}, {
"level": 1,
"resolution": 0.8680555555555555,
"scale": 1000
},
{
"level": 2,
"resolution": 1.302,
"scale": 1500
},
{
"level": 3,
"resolution": 1.736108,
"scale": 2000
},
{
"level": 4,
"resolution": 2.17013577,
"scale": 2500
},
{
"level": 5,
"resolution": 2.60416,
"scale": 3000
},
{
"level": 6,
"resolution": 3.0382,
"scale": 3500
},
{
"level": 7,
"resolution": 3.472218,
"scale": 4000
},
{
"level": 8,
"resolution": 3.90624,
"scale": 4500
},
{
"level": 9,
"resolution": 4.34027357,
"scale": 5000
},
{
"level": 10,
"resolution": 4.77430127,
"scale": 5500
}];

RobertScheitlin__GISP

Muhammad,

The ability to zoom in and out is controlled by the LODs (Levels of Display) that you basemap contains So if you are using one of esri basemaps like the Streets basemap then you have 24 LODs ranging from scales 5.91657527591555E8 (world view) to 70.5310735 (street level detail). So adding the ability to zoom in further will involve adding more LODs to your map object (but that does not mean that the basemap will draw at those scales as it has not been cached for those). You can add LODs to your map object in the maps constructor:

&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> lods <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"level"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"resolution"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0.43402777777777773</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"scale"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">500</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"level"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"resolution"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0.8680555555555555</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"scale"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1000</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>

&nbsp;&nbsp;&nbsp; map <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"map"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; lods<SPAN class="punctuation token">:</SPAN> lods<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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