Kezdőlap > .NET, Windows Phone 7 > BingMaps PushPinek

BingMaps PushPinek

2012. április 6. péntek Hozzászólás Go to comments

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.

image

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>

imageLá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.

Advertisements
Kategóriák:.NET, Windows Phone 7 Címke: , , ,
  1. Még nincs hozzászólás.
  1. No trackbacks yet.

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés / Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés / Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés / Módosítás )

Google+ kép

Hozzászólhat a Google+ felhasználói fiók használatával. Kilépés / Módosítás )

Kapcsolódás: %s

%d blogger ezt kedveli: