Fitting content into the view with Windows Phone maps API

Comments

Chintandave er - sub-edited!

Hi First Thanks for this article.

I have sub-edited it and made some wiki related changes. I am saying here what i have done so you can implement it next time on wiki.

1. If you are writing any namespace or method name in article, to show in code style, you can use Icode Template (http://www.developer.nokia.com/Community/Wiki/Template:Icode) or give link of reference to that word if any.
2. Fill ArticleMetadata like created date, author name etc and don't remove it. It is useful to get summary about your article/code.

If you have created this article for Windows Phone 8 contest , dont forget to add "WP8 wiki Contest" template in article as suggested contest page.

Thanks again.

Chintan Dave.

Chintandave er 09:08, 9 November 2012 (EET)

Symbianyucca - Thanks

Thanks, I will remember the formatting

Anyway, I disqualified myself long time ago for any kind of competing things in here , so unfortunately unable to participate on it.

symbianyucca 09:57, 9 November 2012 (EET)

Hamishwillee - Chintan FYI

FYI, Symbianyucca is in Nokia Developer, the only people who can't compete. Thanks for taking the time to advise him of the changes.

Jukka, I hope to review this too soon.

hamishwillee 06:52, 13 November 2012 (EET)

Chintandave er - I See !

Okay Symbianyucca and Hamish.

Thanks for reply.

Chintan.

Chintandave er 22:29, 13 November 2012 (EET)

Log in or Join to leave comments.

Article Metadata

---

Article

Created: symbianyucca (08 Nov 2012)

Last edited: jasfox (25 Apr 2013)

Note: This article was a winner in the Windows Phone 8 Wiki Competition 2012Q4.

The full example for this code can be found from Windows Phone 8 Maps examples project, the code used here is implemented for example in SimpleContent example inside that project.

In general there are no direct ways on telling the map to zoom the map area in a way that specified content would be fully visible, however there are several ways which you could get this simple use case done, and luckily the coding is rather simple.

With polygon and polyline objects you would have the option on using Path defined for them. The path is GeoCoordinateCollection type object, and thus it is simply array of GeoCoordinates, which could be used with LocationRectangle.CreateBoundingRectangle() function to create a LocationRectangle instance, which then could be used to set the view with map like this:

LocationRectangle setRect = null;
setRect = LocationRectangle.CreateBoundingRectangle(myPolyGon.Path);
map1.SetView(setRect);

With Markers, which with WP8 are actually just MapOverlay objects inside MapLayer, we do not have the path or any other function which would give us the array of GeoCoorfinate’s, so instead of having a simple function call, we need to implement simply for loop:

LocationRectangle setRect = null;
GeoCoordinate[] geoArr = new GeoCoordinate[markerLayer.Count()];
for (var p = 0; p < markerLayer.Count(); p++)
{
    geoArr[p] = markerLayer[p].GeoCoordinate;
}
setRect = LocationRectangle.CreateBoundingRectangle(geoArr);
map1.SetView(setRect);

And if you would want to do both of these object types with one way, you could basically construct the LocationRectangle with north, west, south and east arguments, and have a logic which loops through each GeoCoorfinate and checks the north, west, south and east bounds, and then uses these values for the LocationRectangle.

Here’s example on how you could do it for polyline:

double north = 0;
double west = 0;
double south = 0;
double east = 0;
 
north = south = polyline.Path[0].Latitude;
west = east = polyline.Path[0].Longitude;
 
foreach (var p in polyline.Path.Skip(1))
{
    if (north < p.Latitude) north = p.Latitude;
    if (west > p.Longitude) west = p.Longitude;
    if (south > p.Latitude) south = p.Latitude;
    if (east < p.Longitude) east = p.Longitude;
}
 
setRect = new LocationRectangle(north, west, south, east);
map1.SetView(setRect);