Mobile Initial Extent different than Desktop

MarquesMunson1

Hello,

I am creating an application that shows the contiguous United States. I have set the view extent to load properly when opening the application on desktop. However, when opening on a mobile device or smaller screen, the map does not open at the same extent. It is more zoomed in than it should be. Any ideas on how to resolve this?

Thanks! 

kenbuja

Version 3.x of the api has an option on the map's setExtent method to ensure the map shows the complete extent of what you've set. Unfortunately, version 4 doesn't have that option when setting the view's extent. You'll have to code that check yourself

view<SPAN class="punctuation token">.</SPAN><SPAN class="token function">when</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">=</SPAN><SPAN class="operator token">></SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="operator token">!</SPAN>view<SPAN class="punctuation token">.</SPAN>extent<SPAN class="punctuation token">.</SPAN><SPAN class="token function">contains</SPAN><SPAN class="punctuation token">(</SPAN>yourExtent<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
    view<SPAN class="punctuation token">.</SPAN>zoom <SPAN class="operator token">-</SPAN><SPAN class="operator token">=</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">;</SPAN>
  <SPAN class="punctuation token">}</SPAN>
<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>