Hi, How can I rotate a MapControl content to show a polyline data always horizontal irrespective of its angle. I am using a Projected Coordinate System Map. I tried binding the buffered extent of the polyline and setting the camera heading to the line segment angle converted to degrees. It doesn't work as expected. private async Task SetMapContent ( ) { var mapView = MapView . Active ; double Rad2Degrees = 180 / Math . PI ; if ( mapView != null && lineGeom != null ) { var segment = await QueuedTask . Run ( ( ) = > { var lb = new LineBuilder ( lineGeom . Points . FirstOrDefault ( ) , lineGeom . Points . LastOrDefault ( ) ) ; return lb . ToSegment ( ) ; } ) ; var bearing = segment . Angle * Rad2Degrees ; Camera camera = mapView . Camera ; camera . Heading = bearing ; ViewContent = MapControlContentFactory . Create ( MapView . Active . Map , camera , MapView . Active . Map . DefaultViewingMode ) ; } } and then below code to set the extent everytime the line data changes await QueuedTask . Run ( ( ) = > { var bufferPoly = GeometryEngine . Instance . Buffer ( lineGeom , 0.1 ) ; MapPoint cent = GeometryEngine . Instance . Centroid ( lineGeom ) ; var ext = EnvelopeBuilder . CreateEnvelope ( bufferPoly . Extent ) ; if ( ext != null ) { System . Windows . Application . Current . Dispatcher . Invoke ( async ( ) = > { ViewContentExtent = ext ; NotifyPropertyChanged ( ( ) = > ViewContentExtent ) ; } ) ; } } ) ; Any suggestions to get this working ? Thanks, Sai

Hi Sai, The solution is a bit complicated but in essence you need to set the mapcontrol's map extent as follows. This approach requires that the MapControl's aspect ratio is fixed: * Create a rectangle with your given line as the centerline, with the rectangle having the MapControl's aspect ratio. * Now you need to compute another rectangle that is centered around the given line's center point and this rectangle cannot intersect the rectangle from step 1 (in essence the step 2 rectangle has to fit inside the rectangle from step 1). To compute this rectangle I am using the step 1 rectangle's extent in order to intersect either diagonal with the step 1 rectangle. * Set the MapControl's extent using the extent of the step 2 rectangle. In the screenshot below you can see the rectangle created in step 1 with a cyan colored outline, the rectangle in step 2 is marked by the two red corner point markers. The cyan rectangle is also displayed in the overlay window. I attached my code and data. In order to build the code you have to first use the 'Pro Fix References' tool. When running the add-in you have to first use the map control tool to click the desired line (to be displayed horizontally in the overview window) and then click the "Step 1" button which executes the algorithm explained above. Please use the attached 'Lines.zip' project file because it contains both sample lines and a polygon layer used for debug purposes.

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

Rotate a MapControl content to show a polyline horizontal

sai_phaneendra

Hi,

How can I rotate a MapControl content to show a polyline data always horizontal irrespective of its angle. I am using a Projected Coordinate System Map. I tried binding the buffered extent of the polyline and setting the camera heading to the line segment angle converted to degrees. It doesn't work as expected.

        <SPAN class="keyword token">private</SPAN> <SPAN class="keyword token">async</SPAN> Task <SPAN class="token function">SetMapContent</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN>
        <SPAN class="punctuation token">{</SPAN>
            <SPAN class="keyword token">var</SPAN> mapView <SPAN class="operator token">=</SPAN> MapView<SPAN class="punctuation token">.</SPAN>Active<SPAN class="punctuation token">;</SPAN>
            <SPAN class="keyword token">double</SPAN> Rad2Degrees <SPAN class="operator token">=</SPAN> <SPAN class="number token">180</SPAN> <SPAN class="operator token">/</SPAN> Math<SPAN class="punctuation token">.</SPAN>PI<SPAN class="punctuation token">;</SPAN>
            <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>mapView <SPAN class="operator token">!=</SPAN> <SPAN class="keyword token">null</SPAN> <SPAN class="operator token">&&</SPAN> lineGeom <SPAN class="operator token">!=</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">)</SPAN>
            <SPAN class="punctuation token">{</SPAN>
                <SPAN class="keyword token">var</SPAN> segment <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">await</SPAN> QueuedTask<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Run</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">var</SPAN> lb <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">LineBuilder</SPAN><SPAN class="punctuation token">(</SPAN>lineGeom<SPAN class="punctuation token">.</SPAN>Points<SPAN class="punctuation token">.</SPAN><SPAN class="token function">FirstOrDefault</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> lineGeom<SPAN class="punctuation token">.</SPAN>Points<SPAN class="punctuation token">.</SPAN><SPAN class="token function">LastOrDefault</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
                    <SPAN class="keyword token">return</SPAN> lb<SPAN class="punctuation token">.</SPAN><SPAN class="token function">ToSegment</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="punctuation token">;</SPAN>

                <SPAN class="keyword token">var</SPAN> bearing <SPAN class="operator token">=</SPAN> segment<SPAN class="punctuation token">.</SPAN>Angle <SPAN class="operator token">*</SPAN> Rad2Degrees<SPAN class="punctuation token">;</SPAN>
                Camera camera <SPAN class="operator token">=</SPAN> mapView<SPAN class="punctuation token">.</SPAN>Camera<SPAN class="punctuation token">;</SPAN>
                camera<SPAN class="punctuation token">.</SPAN>Heading <SPAN class="operator token">=</SPAN> bearing<SPAN class="punctuation token">;</SPAN>

                ViewContent <SPAN class="operator token">=</SPAN> MapControlContentFactory<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Create</SPAN><SPAN class="punctuation token">(</SPAN>MapView<SPAN class="punctuation token">.</SPAN>Active<SPAN class="punctuation token">.</SPAN>Map<SPAN class="punctuation token">,</SPAN> camera<SPAN class="punctuation token">,</SPAN> MapView<SPAN class="punctuation token">.</SPAN>Active<SPAN class="punctuation token">.</SPAN>Map<SPAN class="punctuation token">.</SPAN>DefaultViewingMode<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>‍</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>

and then below code to set the extent everytime the line data changes

<SPAN class="keyword token">await</SPAN> QueuedTask<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Run</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">var</SPAN> bufferPoly <SPAN class="operator token">=</SPAN> GeometryEngine<SPAN class="punctuation token">.</SPAN>Instance<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Buffer</SPAN><SPAN class="punctuation token">(</SPAN>lineGeom<SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0.1</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    MapPoint cent <SPAN class="operator token">=</SPAN> GeometryEngine<SPAN class="punctuation token">.</SPAN>Instance<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Centroid</SPAN><SPAN class="punctuation token">(</SPAN>lineGeom<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    <SPAN class="keyword token">var</SPAN> ext <SPAN class="operator token">=</SPAN> EnvelopeBuilder<SPAN class="punctuation token">.</SPAN><SPAN class="token function">CreateEnvelope</SPAN><SPAN class="punctuation token">(</SPAN>bufferPoly<SPAN class="punctuation token">.</SPAN>Extent<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

    <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>ext <SPAN class="operator token">!=</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">)</SPAN>
    <SPAN class="punctuation token">{</SPAN>
        System<SPAN class="punctuation token">.</SPAN>Windows<SPAN class="punctuation token">.</SPAN>Application<SPAN class="punctuation token">.</SPAN>Current<SPAN class="punctuation token">.</SPAN>Dispatcher<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Invoke</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">async</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>
            ViewContentExtent <SPAN class="operator token">=</SPAN> ext<SPAN class="punctuation token">;</SPAN>
            <SPAN class="token function">NotifyPropertyChanged</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> ViewContentExtent<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="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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Any suggestions to get this working ?

Thanks,

Sai

Najděte více příspěvků označených jako

Accepted answers

Wolf

Hi Sai,

The solution is a bit complicated but in essence you need to set the mapcontrol's map extent as follows. This approach requires that the MapControl's aspect ratio is fixed:

Create a rectangle with your given line as the centerline, with the rectangle having the MapControl's aspect ratio.
Now you need to compute another rectangle that is centered around the given line's center point and this rectangle cannot intersect the rectangle from step 1 (in essence the step 2 rectangle has to fit inside the rectangle from step 1). To compute this rectangle I am using the step 1 rectangle's extent in order to intersect either diagonal with the step 1 rectangle.
Set the MapControl's extent using the extent of the step 2 rectangle.

In the screenshot below you can see the rectangle created in step 1 with a cyan colored outline, the rectangle in step 2 is marked by the two red corner point markers. The cyan rectangle is also displayed in the overlay window.

I attached my code and data. In order to build the code you have to first use the 'Pro Fix References' tool. When running the add-in you have to first use the map control tool to click the desired line (to be displayed horizontally in the overview window) and then click the "Step 1" button which executes the algorithm explained above. Please use the attached 'Lines.zip' project file because it contains both sample lines and a polygon layer used for debug purposes.

MapControlRotation.zip

Lines.zip

All comments

sai_phaneendra

As you have mentioned, the solution is a bit complicated. But this is the closest solution to achieve what I want to do. A flag on MapControl to respect the aspect ratio or set the extent as is would be of much help.

Thanks Wolfgang Kaiser‌

Wolf

Hi Sai,

The solution is a bit complicated but in essence you need to set the mapcontrol's map extent as follows. This approach requires that the MapControl's aspect ratio is fixed:

Create a rectangle with your given line as the centerline, with the rectangle having the MapControl's aspect ratio.
Now you need to compute another rectangle that is centered around the given line's center point and this rectangle cannot intersect the rectangle from step 1 (in essence the step 2 rectangle has to fit inside the rectangle from step 1). To compute this rectangle I am using the step 1 rectangle's extent in order to intersect either diagonal with the step 1 rectangle.
Set the MapControl's extent using the extent of the step 2 rectangle.

MapControlRotation.zip

Lines.zip

Wolf

Hi Sai,

It turns out that the problem is caused by the aspect ratio of the MapControl's display area. Because you are using the 'extent' of the line (and its envelope) as the new extent for the MapControl it is important to ensure that the MapControl's aspect ratio supports both the new 'height' and 'width' without having to make adjustments to the width. in your case the MapControl was wider than tall and hence the 'edge cases' you listed above, where the line's extent area nearly becomes as wide as it is tall, the MapControl had to 'widen' the extent in order to honor both x and y requirements of the newly specified extent. You can see the arrows of the selected line are far from the map display border.

Here is an example - note that the boxes display the line's extent on the active map:

You can see that the OverviewWindow's MapControl is wider than tall and the extent of the 'highlighted' line is nearly square ... consequently the MapControl has to extent the width in order to honor the full height extent.

A simple solution would be to make the MapControl square or taller than wide and now the same sample works:

sai_phaneendra

Thanks for looking into this Wolfgang Kaiser‌.

I was thinking the issue I was looking at is caused by rotation, when I put up a sample to share with you I figured out the issue was different.

I still am sharing the sample to get some help with zooming to correct extent for few of the lines highlighted below. Other lines zoom to exact extent whereas the highlighted ones does not. Please check and let me know what can I do here.

Attached sample code and test data.

Regards,
Sai

ProAddin.zip

Wolf

It seem to work for me. Just to summarize:

When you set the camera's heading the following (from API help) applies for the heading property:

Gets or sets the Heading of the Camera, in degrees from North. 0 is North, 90 is West, 180 is South, -90 is East, etc. This property applies to both 2D and 3D views.

When you compute the angle for you line the following applies:

Line Segment

Note that start and end point (i.e. the direction of the line) are important in the computation, but you get values of 0 through 180 if your angle is 'above' the 0 degree horizon (see image above) and 0 through -180 if your angle is below the horizon. i made a sample and it appears to work fine for me. Below i sketched a 90 degree line - which points my heading 'West' ... so i think that's correct:

So can you describe what doesn't work as expected and also what coordinate system you're using?

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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