Bing Maps SearchService

Home » Dev » Bing Maps SearchService

Bing Maps SearchService

30. Mai 2011

Einführung

In meinen vorherigen Blog-Beiträgen (Microsoft Bing Maps for Enterprise, BingMaps GeocodeService und BingMaps RouteService) zu dem Thema BingMaps, habe ich über die Darstellung von Punkten oder Routen auf einer BingMaps-Karte gesprochen. Im Gegensatz zu dem ersten Blog-Beitrag wurde bei den anderen die Webservices “GeocodeService” und “RouteService” mit eingebunden, die sich über die Webservices die Koordinaten der gesuchten Orte/Punkte holen bzw. die Route dazwischen berechnen.

Microsoft bietet aber 3 verschiedene WebServices für die Darstellung von Punkten, Linien oder Bereichen auf Karten an. Diese wären:

GeocodeService (Punkte)

RouteService (Punkte, Linien)

SearchService (Punkte)

In diesem Blog Beitrag möchte ich die Verwendung des SearchService in BingMaps erläutern.

Wozu verwende ich den SearchService?

Mit Hilfe des SearchService wird eine Abfrage an den Webservice gestellt, der die Koordinaten (Längen- und Breitengrad im Format WGS84) der Adressen für einen bestimmten Suchbegriff (z.B. Pizza in Frankfurt) zurückliefert. Als Ergebnis erhält man eine Liste von Pizzerien in Frankfurt.

Der SearchService bietet sich besonders an, wenn man einen bestimmten Ort (z.B. die nächstgelegene Postfiliale) in seiner Nähe sucht.

Voraussetzungen

BingMaps-Key
Visual Studio
Silverlight

Falls Sie noch keinen BingMaps-Key haben, können Sie sich hier einen erstellen.

Silverlight-Applikation

Als erster Schritt wird eine neue Silverlight-Applikation erstellt und der SearchService als Service Reference hinzugefügt. Hierzu klicken Sie mit der rechten Maustaste auf das Projekt und wählen Add Service Reference. Geben Sie als Adresse http://dev.virtualearth.net/webservices/v1/SearchService/SearchService.svc ein und klicken auf Go. Nennen Sie den Namespace SearchService.

Im nächsten Schritt werden eine Textbox zum Eingeben der Suchparameter und ein Button zum Starten der Suche erstellt. Des Weiteren erstellen wir noch einen Textblock in dem wir ausgeben, wie viele Treffer gefunden wurden und eine Karte zum Darstellen der Suchergebnisse.

<Grid x:Name="LayoutRoot" Background="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
 <Grid.RowDefinitions>
  <RowDefinition Height="auto"/>
  <RowDefinition Height="*"/>
 </Grid.RowDefinitions>
 <StackPanel Grid.Row="0">
  <TextBlock TextWrapping="Wrap"/>
  <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch" Margin="12,0,12,0">
   <TextBox x:Name="strParameter" Width="500" KeyDown="strParameter_KeyDown" GotFocus="strParameter_GotFocus" HorizontalAlignment="Stretch"/>
   <Button Content="Suchen" Click="Button_Click"/>
   <TextBlock x:Name="outResults" Margin="14,0,0,0" VerticalAlignment="Center"/>
  </StackPanel>
 </StackPanel>
 <map:Map Name="searchMap" CredentialsProvider="<Your Key>" Grid.Row="1">
  <map:MapLayer x:Name="SearchResultLayer"/>
  <map:MapLayer x:Name="ContentTooltipLayer">
   <Canvas x:Name="ContentTooltip" Visibility="Collapsed" Opacity=".85" MouseEnter="ContentPopup_MouseEnter" MouseLeave="ContentPopup_MouseLeave">
    <Rectangle x:Name="ContentTooltipRectangle" Fill="White" Canvas.Left="0" Height="100" Width="300" RadiusX="20" RadiusY="20"/>
    <StackPanel Canvas.Left="10" Canvas.Top="10">
     <TextBlock x:Name="ContentTooltipText"/>
     <TextBlock x:Name="ContentTooltipDescription"/>
    </StackPanel>
   </Canvas>
  </map:MapLayer>
 </map:Map>
</Grid>

In den nächsten beiden Methoden (ExecuteSearch und searchClient_searchCompleted) übergeben wir den Suchbegriff aus unserer Textbox an den Webservice. Dieser gibt eine Liste von Suchergebnissen zurück.

private void ExecuteSearch(string query)
{
 //Set up the search request
 SearchService.SearchServiceClient searchClient;
  
 // OutOfBrowser is currently supported on the MapControl only for http pages
 bool httpsUriScheme = !Application.Current.IsRunningOutOfBrowser && HtmlPage.Document.DocumentUri.Scheme.Equals(Uri.UriSchemeHttps);
 BasicHttpBinding binding = new BasicHttpBinding(httpsUriScheme ? BasicHttpSecurityMode.Transport : BasicHttpSecurityMode.None);
 binding.MaxReceivedMessageSize = int.MaxValue;
 binding.MaxBufferSize = int.MaxValue;
 UriBuilder serviceUri = new UriBuilder("http://dev.virtualearth.net/webservices/v1/SearchService/SearchService.svc");
 if (httpsUriScheme)
 {
  //For https, change the UriScheme to https and change it to use the default https port.
  serviceUri.Scheme = Uri.UriSchemeHttps;
  serviceUri.Port = -1;
 }
  
 //Create the Service Client
 searchClient = new SearchService.SearchServiceClient(binding, new EndpointAddress(serviceUri.Uri));
 searchClient.SearchCompleted += new EventHandler<SearchService.SearchCompletedEventArgs>(searchClient_SearchCompleted);
  
 var request = new SearchService.SearchRequest
 {
  Culture = searchMap.Culture,
  Query = query,
  ExecutionOptions = new SearchService.ExecutionOptions { SuppressFaults = true }
 };
  
 //Set up the Map View bounds for the request
 LocationRect mapControlView = searchMap.BoundingRectangle;
  
 LocationRect mapBounds = new LocationRect(mapControlView);
 request.UserProfile = new SearchService.UserProfile();
 request.UserProfile.MapView = mapBounds;
  
 searchMap.CredentialsProvider.GetCredentials(
   (Credentials credentials) =>
 {
  //Pass in credentials for web services call. Replace with your own Credentials.
  request.Credentials = credentials;
  
  //execute the request
  searchClient.SearchAsync(request);
 });
}

private void searchClient_SearchCompleted(object sender, SearchService.SearchCompletedEventArgs e)
{
 string outputString;
 try
 {
  if (e.Result.ResponseSummary.StatusCode == SearchService.ResponseStatusCode.Success)
  {
   outputString = string.Format(CultureInfo.InvariantCulture, "{0} Treffer", e.Result.ResultSets[0].Results.Count);
   IList<Location> locations = new List<Location>();
  
   if ((e.Result != null) && (e.Result.ResultSets.Count > 0))
   {
    foreach (SearchService.SearchResultBase result in e.Result.ResultSets[0].Results)
    {
     searchResults.Add(result.Id, result);
  
     if (result.LocationData.Locations.Count > 0)
     {
      Location location = new Location(result.LocationData.Locations[0]);
      //Create a pushpin
      var pushpin = new Pushpin
      {
       Location = location,
       Tag = result.Id
      };
  
      SearchResultLayer.Children.Add(pushpin);
      locations.Add(location);
  
      //Set up events for the pushpin
      pushpin.MouseEnter += new MouseEventHandler(Pushpin_MouseEnter);
      pushpin.MouseLeave += new MouseEventHandler(Pushpin_MouseLeave);
  
     }
    }
  
    if (locations.Count > 0)
    {
     //If Search results were found, use the bounding area of the results
     searchMap.SetView(new LocationRect(locations));
    }
    else
    {
     //Otherwise, if the SearchRegion is set from the service response, go ahead use that
     LocationRect boundingArea = e.Result.ResultSets[0].SearchRegion.BoundingArea as LocationRect;
     if (boundingArea != null)
     {
      searchMap.SetView(new LocationRect(boundingArea));
     }
    }
   }
  }
  else
  {
   outputString = "error searching... status <" + e.Result.ResponseSummary.StatusCode.ToString() + ">";
  }
 }
 catch (Exception)
 {
  outputString = "Exception Raised";
 }
  
 outResults.Text = outputString;
}

Damit wir auch wissen um wen es sich bei den Suchergebnissen handelt, erstellen wir noch zwei Events, die ausgeführt werden, wenn man einen Punkt mit der Maus berührt (Pushpin_MouseEnter) und wieder verlässt (Pushpin_MouseLeave). Beim Berühren eines Punktes mit der Maus sollen Informationen wie Name, Adresse und Telefonnummer in der Box angezeigt werden.

void Pushpin_MouseLeave(object sender, MouseEventArgs e)
{
 //Hide the popup
 UIElement content = sender as UIElement;
 Canvas.SetZIndex(content, 100);
 ContentTooltip.Visibility = Visibility.Collapsed;
}
  
void Pushpin_MouseEnter(object sender, MouseEventArgs e)
{
 //Show the popup
 Pushpin pushpin = sender as Pushpin;
 Canvas.SetZIndex(pushpin, 500);
 Point point = e.GetPosition(searchMap);
 string resultId = pushpin.Tag as string;
 SearchService.SearchResultBase searchResult = searchResults[resultId];
 Location location = new Location(searchResult.LocationData.Locations[0].Latitude, searchResult.LocationData.Locations[0].Longitude);
 MapLayer.SetPosition(ContentTooltip, location);
 MapLayer.SetPositionOffset(ContentTooltip, new Point(25, -50));
  
 SearchService.SearchResultBase result = searchResults[resultId];
 if (result != null)
 {
  ContentTooltipText.Text = result.Name;
  SearchService.BusinessSearchResult businessResult = result as SearchService.BusinessSearchResult;
  if (businessResult != null)
  {
   ContentTooltipDescription.Text = string.Format("{0}
{1}
", businessResult.Address.FormattedAddress, businessResult.PhoneNumber);
  }
  ContentTooltip.Visibility = Visibility.Visible;
 }
}
  
private void ContentPopup_MouseEnter(object sender, MouseEventArgs e)
{
 //Show the popup if mouse is hovering over it
 ContentTooltip.Visibility = Visibility.Visible;
 Canvas.SetZIndex(ContentTooltip, 10);
}
  
private void ContentPopup_MouseLeave(object sender, MouseEventArgs e)
{
 //Hide the popup if mouse leaves it
 ContentTooltip.Visibility = Visibility.Collapsed;
}

Zum Schluss müssen wir noch eine Methode zum Ausführen der Suche erstellen, die ausgeführt wird, wenn der Button gedrückt wird.

private void strParameter_KeyDown(object sender, KeyEventArgs e)
{
 if (e.Key == Key.Enter)
 {
  StartSearch();
 }
}
  
private void strParameter_GotFocus(object sender, RoutedEventArgs e)
{
 strParameter.SelectAll();
}
  
private void Button_Click(object sender, RoutedEventArgs e)
{
 StartSearch();
}
  
private void StartSearch()
{
 ClearSearch();
  
 searchMap.Focus();
  
 string query = strParameter.Text;
 if (!string.IsNullOrEmpty(query))
 {
  ExecuteSearch(query);
 }
}
  
private void ClearSearch()
{
 foreach (UIElement pin in SearchResultLayer.Children)
 {
  pin.MouseEnter -= Pushpin_MouseEnter;
  pin.MouseLeave -= Pushpin_MouseLeave;
 }
  
 SearchResultLayer.Children.Clear();
 searchResults.Clear();
}

Ergebnis

Starten Sie nun die Solution und geben einen Suchbegriff ein. Klicken Sie anschließend auf Suchen um den SearchService anzusprechen.

Gesamtfazit

Abschließend kann man sagen, dass die unterschiedlichen Services (GeocodeService, RouteService und SearchService), die ich in dieser BlogSerie beschrieben habe, eine gute Ergänzung für die Entwicklung von BingMaps-Applikation sind.

Durch das frei verfügbare Bing Maps Silverlight Control SDK und Bing Maps Silverlight Control Interactive SDK werden dem Entwickler hilfreiche Tipps und Beispiele zur Verfügung gestellt.

BingMaps bietet mit den Services Unternehmen in den unterschiedlichsten Branchen eine gute Möglichkeit seine Daten geovisualisiert darzustellen. Durch die Sicht auf die geographische Lage können die Daten auf eine weitere Art analysiert werden.

Insbesondere der GeocodeService bietet dem Unternehmen eine gute Hilfe für die geovisualisierte Analyse seiner Daten.