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

map area cut off on full extent

Ying1

I divided the root layout to several grid. one grid has the map. I set the full extent on initialize, but the map still gets cut off on both side (width is more than twice the height). depends on different resolution, the lower the resolution, the more area cut off.

Vind meer berichten getagd met

Accepted answers

All comments

Ying1

yes. and if i cache the map in jpg, more area cut off. if i do not cache the map at all (dynamic), everything works fine.

DominiqueBroux

i also tried to put the extent in xaml and in code behind. no luck.

Do you mean that whatever the map extent you initialize, the result is the same? Looks strange

Ying1

Yes. the extent is correct. and i also tried to put the extent in xaml and in code behind. no luck. But when I use the Dynamic map service layer for the ortho photo, everything is fine.

if use cached map, the extent cuts off. if i create the cached map using jpg instead of png, more area is cut off.

DominiqueBroux

So, it seems that the issue is coming from the full extent of your ortho photo layer.
Could you verify that the full extent of this layer is bigger than what you see?

Anyway, if you know the extent you need, a possible workaround is to set the extent of the map in XAML :
<esri:Map Extent=".........

Ying1

If the ortho is DynamicMapservicelayer, looks fine. once it is changed to cached map (tiledmapservicelayer), the problem starts.

Ying1

We just found out that too. it was because of the orthophoto which is a tiledmapservicelayer. however the ortho has the correct spatial reference. Everything seems to be fine when opening the ortho in ArcMap or ArcCatalog. But when loaded it to the map service, the extent cut off.
What could be the problem with the ortho photo?

DominiqueBroux

If your ArcGISTiledMapServiceLayer and your ArcGISDynamicMapServiceLayers are not using the same spatial reference, the full extent of the map is defined by the sole ArcGISTiledMapServiceLayer.
What is the full extent of this service?

I suggest you to test after removing the ArcGISTiledMapServiceLayer in order to check if the result is better without this layer.

Ying1

here is another screenshot with the overview map. The map is on fullextent right now. Not sure how overview map works but the red box covers the area available on the map. you can see there are few blocks on both side of the map are outside of the red box and they are not cut off on the map.

map1.png

Ying1

Thanks for the suggestion on the dropshadow effects. will try that.

The problem is that there are few blocks cut off on both sides (east and west side). the lower the screen resolution, more blocks cut off. about 1km of area on both sides not displayed on the current resolution. on a wide screen monitor, less area cut off. the map service has been recreated, refreshed many times since the app was built. The problem is always there.

feels like the map is loaded into the parent grid rather than grid.column=1

SomeGISGuy

If you set it to the full extent that you get from the service (ie layer.FullExtent), note that the extent the server reports might not be correct if your data changes. Sometimes a REST cache refresh or republish of the service is required.
Your screenshot doesn't really show what you mean by "cut off" though. There is some white area all around the map. Is this what you mean? This is caused by the 15px margin you have on the map.

As a side note you should avoid putting DropShadow on a container of the map. It really hurts performance when zooming and panning.
The best thing to do is have two separate elements for this. One for dropshadow and one for map.
Ie.

 
<Grid>
   <Border Effect="{StaticResource dropShadow}" />
   <Grid>
      <esri:Map />
   </Grid>
</Grid>

Ying1

here is the screenshot. you can see the map is cut off on both side. supposed to be full extend.

map.png

Ying1

here is my code
<Grid Grid.Column="1" Margin="6,8,12,12" Effect="{StaticResource dropShadow}">
                <Rectangle RadiusX="12" RadiusY="12" Fill="#4e7ba3" />
                <Rectangle RadiusX="9" RadiusY="9" Fill="White" Margin="3"></Rectangle>
                <Border BorderThickness="1" BorderBrush="#ffffff" CornerRadius="10">
                        <esri:Map x:Name="Map" Background="White" ExtentChanged="MyMap_ExtentChanged" MouseClick="QueryPoint_MouseClick" MouseMove="Map_MouseMove" Margin="15">
                            <esri:ArcGISTiledMapServiceLayer Visible="False" ID="Ortho Photo" Url="http://chgisservice/ArcGIS/rest/services/live/ortho_2008/MapServer/" />
                            <esri:ArcGISDynamicMapServiceLayer ID="Property Layers" Visible="True" DisableClientCaching="True"
          Url="http://chgisservice/ArcGIS/rest/services/live/property/MapServer" Initialized="ArcGISDynamicMapServiceLayer_Initialized"   />
                            <esri:ArcGISDynamicMapServiceLayer ID="Zoning Layers" Visible="False" DisableClientCaching="True" Url="http://chgisservice/ArcGIS/rest/services/live/zoning/MapServer"></esri:ArcGISDynamicMapServiceLayer>

                        <esri:GraphicsLayer ID="MyGraphicsLayer">
                            </esri:GraphicsLayer>

                    </esri:Map>

                </Border>


</grid>

JenniferNery

Can you check the container for Margin and Padding?

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.