Finding Route Between Two Locations in Windows Phone 7 Using Bing Maps

// Make the two Geocode requests using the values of the text boxes. Also pass the waypoint indexes

// of these two values within the route.

Geocode(fromtxtbx.Text, 0);

Geocode(totxtbx.Text, 1);

}

Step 14 : Now we have to calculate the route between the two points. In this method we first create the service variable and set the callback method using the CalculateRouteCompleted property, then set a token to validate the credentiality of the map, so here again you have to enter the credential key of the map.

private void CalculateRoute(geocodeservice.GeocodeResult[] results)

{
routeservice.RouteServiceClient routeService = new routeservice.RouteServiceClient("BasicHttpBinding_IRouteService");
routeService.CalculateRouteCompleted += new EventHandler<routeservice.CalculateRouteCompletedEventArgs>(routeService_CalculateRouteCompleted); // Set the token.
routeservice.RouteRequest routeRequest = new routeservice.RouteRequest();
routeRequest.Credentials = new Credentials();
routeRequest.Credentials.ApplicationId = "ENTER THE CREDENTIAL KEY HERE";
// Return the route points so the route can be drawn.
routeRequest.Options = new routeservice.RouteOptions();
routeRequest.Options.RoutePathType = routeservice.RoutePathType.Points;
// Set the waypoints of the route to be calculated using the Geocode Service results stored in the geocodeResults variable.
routeRequest.Waypoints = new System.Collections.ObjectModel.ObservableCollection<routeservice.Waypoint>();
foreach (geocodeservice.GeocodeResult result in results)
{
routeRequest.Waypoints.Add(GeocodeResultToWaypoint(result));
}
// Make the CalculateRoute asnychronous request.
routeService.CalculateRouteAsync(routeRequest);

}

Step 15 : Now here comes the interesting part where we know the way points between the two locations and then using this data we mark route between these points. Look at the code below.

private routeservice.Waypoint GeocodeResultToWaypoint(geocodeservice.GeocodeResult result)

{

routeservice.Waypoint waypoint = new routeservice.Waypoint();
waypoint.Description = result.DisplayName;
waypoint.Location = new Location();
waypoint.Location.Latitude = result.Locations[0].Latitude;
waypoint.Location.Longitude = result.Locations[0].Longitude;
return waypoint;

}

Step 16 : Now this is a very important part of the whole project where we locate the points, use the calculated the distance between these points, the waypoints between these points and then finally draw a polyline between these points to denote the route from start position to the end position. Here we use the map layering in which to draw the route and then add the route line to the new layer. We also use a rectangle which encompasses the route. This is used later to set the map view. Through this rectangle we calculate all the possible geocode positions of the points i.e. east, west, north, south, centre. Then for each geocode result (which are the waypoints of the route), draw a dot on the map using ellipse property. Finally set the map view using the rectangle which bounds the rendered route. Also set the center and zoomlevel of the location on the map.

private void routeService_CalculateRouteCompleted(object sender, routeservice.CalculateRouteCompletedEventArgs e)

{
// If the route calculate was a success and contains a route, then draw the route on the map.
if ((e.Result.ResponseSummary.StatusCode == routeservice.ResponseStatusCode.Success) & (e.Result.Result.Legs.Count != 0))
{
// Set properties of the route line you want to draw.
Color routeColor = Colors.Blue;
SolidColorBrush routeBrush = new SolidColorBrush(routeColor);
MapPolyline routeLine = new MapPolyline();
routeLine.Locations = new LocationCollection();
routeLine.Stroke = routeBrush;
routeLine.Opacity = 0.50;
routeLine.StrokeThickness = 5.0;
// Retrieve the route points that define the shape of the route.
foreach (Location p in e.Result.Result.RoutePath.Points)
{
routeLine.Locations.Add(new Location { Latitude = p.Latitude, Longitude = p.Longitude });
}

// Add a map layer in which to draw the route.

MapLayer myRouteLayer = new MapLayer();
map1.Children.Add(myRouteLayer);
// Add the route line to the new layer.
myRouteLayer.Children.Add(routeLine);
// Figure the rectangle which encompasses the route. This is used later to set the map view.
double centerlatitude = (routeLine.Locations[0].Latitude + routeLine.Locations[routeLine.Locations.Count - 1].Latitude) / 2;
double centerlongitude = (routeLine.Locations[0].Longitude + routeLine.Locations[routeLine.Locations.Count - 1].Longitude) / 2;
Location centerloc = new Location();
centerloc.Latitude = centerlatitude;
centerloc.Longitude = centerlongitude;
double north, south, east, west;
if ((routeLine.Locations[0].Latitude > 0) && (routeLine.Locations[routeLine.Locations.Count - 1].Latitude > 0))
{

north = routeLine.Locations[0].Latitude > routeLine.Locations[routeLine.Locations.Count - 1].Latitude ? routeLine.Locations[0].Latitude : routeLine.Locations[routeLine.Locations.Count - 1].Latitude;

south = routeLine.Locations[0].Latitude < routeLine.Locations[routeLine.Locations.Count - 1].Latitude ? routeLine.Locations[0].Latitude : routeLine.Locations[routeLine.Locations.Count - 1].Latitude;

}

else

{

north = routeLine.Locations[0].Latitude < routeLine.Locations[routeLine.Locations.Count - 1].Latitude ? routeLine.Locations[0].Latitude : routeLine.Locations[routeLine.Locations.Count - 1].Latitude;

south = routeLine.Locations[0].Latitude > routeLine.Locations[routeLine.Locations.Count - 1].Latitude ? routeLine.Locations[0].Latitude : routeLine.Locations[routeLine.Locations.Count - 1].Latitude;

}

if ((routeLine.Locations[0].Longitude < 0) && (routeLine.Locations[routeLine.Locations.Count - 1].Longitude < 0))

{

west = routeLine.Locations[0].Longitude < routeLine.Locations[routeLine.Locations.Count - 1].Longitude ? routeLine.Locations[0].Longitude : routeLine.Locations[routeLine.Locations.Count - 1].Longitude;

east = routeLine.Locations[0].Longitude > routeLine.Locations[routeLine.Locations.Count - 1].Longitude ? routeLine.Locations[0].Longitude : routeLine.Locations[routeLine.Locations.Count - 1].Longitude;

}

else

{

west = routeLine.Locations[0].Longitude > routeLine.Locations[routeLine.Locations.Count - 1].Longitude ? routeLine.Locations[0].Longitude : routeLine.Locations[routeLine.Locations.Count - 1].Longitude;

east = routeLine.Locations[0].Longitude < routeLine.Locations[routeLine.Locations.Count - 1].Longitude ? routeLine.Locations[0].Longitude : routeLine.Locations[routeLine.Locations.Count - 1].Longitude;

}

// For each geocode result (which are the waypoints of the route), draw a dot on the map.

foreach (geocodeservice.GeocodeResult gr in geocodeResults)

{

Ellipse point = new Ellipse();

point.Width = 10;

point.Height = 10;

point.Fill = new SolidColorBrush(Colors.Red);

point.Opacity = 0.65;

location.Latitude = gr.Locations[0].Latitude;

location.Longitude = gr.Locations[0].Longitude;

MapLayer.SetPosition(point, location);

MapLayer.SetPositionOrigin(point, PositionOrigin.Center);

// Add the drawn point to the route layer.

myRouteLayer.Children.Add(point);

}

// Set the map view using the rectangle which bounds the rendered route.

double latitude = 0.0;

double longtitude = 0.0;

map1.SetView(location, 12);

map1.Center = location;

GeoCoordinate CurrentLocCoordinate = new System.Device.Location.GeoCoordinate(latitude, longtitude);

}

}

Step 17 : To manually change the zoom level of the map we add two buttons for serving this purpose.

private void button2_Click(object sender, RoutedEventArgs e)

{

double zoom;

zoom = map1.ZoomLevel;

map1.ZoomLevel = ++zoom;

}

private void button3_Click(object sender, RoutedEventArgs e)

{

double zoom;

zoom = map1.ZoomLevel;

map1.ZoomLevel = --zoom;

}

Step 18 : Add a button named as "view" having the content "Change view" to change the view of the map from Aerial to Road mode. On the click event of this button write the following code.

private void view_Click(object sender, RoutedEventArgs e)

{

if (map1.Mode is RoadMode)

{

map1.Mode = new AerialMode(true);

}

else

{

map1.Mode = new RoadMode();

}

}

Step 19 : Now debug the project and see the following output. Initially the view of the map is Aerial Mode.

Now changing the view of the map to Road Mode.

Now enter the locations between which the route is found.

The route in Road mode view is.

The route in Road mode view is.

Hope you would have enjoyed working this project. Do provide your feedback.