BingMaps PushPinek
POI (Path Overhead Indicator) információkat is elhelyezhetünk a BingMapson. Erre használatosak a PushPinek. Nagyon egyszerű a kezelésük, gyakorlatilag a pont koordinátáját és a content-et kell megadnunk a számára, és máris megjelenik a térképen. Az előző feladatot folytatva a térképet most kiegészítjük néhány pushpin-nel.
Először nézzük meg, hogyan hogy lehet egy pushpin-t XAML-ben hozzáadni.
<my:Pushpin Location="47.4746,019.0498" Content="Allee Bevásárlóközpont" /> |
Ez nagyon egyszerű, de legtöbbször a PushPin-eket dinamikusan C# kódból szoktuk a térképhez adni. Ebben az esetben a Map-vezérlő gyermek eleméhez kell adnunk egy Pushpin példányt. A Pushpin-nek ugyanúgy a content és a Location tulajdonságát kell megadni. A Location GeoCordinate típusú (System.Device.Location).
map1.Children.Add( new Pushpin() { Content = "Evosoft Hungary Kft", Location = new System.Device.Location.GeoCoordinate(47.4683, 019.0522) }); |
Az eredmény ennek megfelelően egy térkép, ahol mind a két POI megjelenik.
Amit viszont észrevehetünk, hogy a POI-nak van egy alapértelmezett megjelenítése. Természetesen ennek a sablonját is megváltoztathatjuk (akár téma szinten is). Nézzünk egy gyors példát arra, hogyan változtathatjuk meg a PushPin kinézetét. A bevásárlóközpont most egy Logo-t is kap:
<my:Pushpin Location="47.4746, 019.0498" Background="Transparent"> <StackPanel> <TextBlock Text="Alle bevásárlóközpont" /> <Image Source="allee.jpg" Width="48" Height="48" /> </StackPanel> </my:Pushpin> |
Látható, hogy nagyon egyszerű POI pontokat a térképhez adnunk, sőt, ha testre akarjuk szabni, azt a már megszokott egyszerűséggel megtehetjük.