Kezdőlap > .NET, Windows Phone 7 > WP7 BingMaps vezérlő használata

WP7 BingMaps vezérlő használata

2012. április 5. csütörtök Hozzászólás Go to comments

Ahhoz, hogy a BingMaps szolgáltatást használjuk, szükségünk lesz egy ApplicationKey-re. Ezt bárki ingyenesen kérhet a BingMaps Portálon (a felhasználói feltételeket feltétlenül olvassuk el!).

A BingMaps kontrol használata rendkívül egyszerű. Nézzünk is egy gyors példát!

1. Készítsünk egy új Windows Phone 7 alkalmazást!

image2. A Layoutroot elrendezés vezérlőre dobjunk fel egy Map-vezérlőt a toolbox-ról! Ezt célszerű a toolbox-ról feldobni, ugyanis ilyenkor automatikusan behúzza a Microsoft.Phone.Controls.Maps névteret is. XAML-ben valahogy így néz ki:

<my:Map Margin="6" Name="map1"/>

3. Ugyan elkezdhetjük használni a vezérlőt, de Bingmaps vezérlőn megjelenik egy figyelmeztetés, hogy nem megfelelőek a hitelesítő adatok (Invalid Credentials). A Bingmaps portálról kért application key-t adjuk meg a számára, ezt a CredentialsProvider tulajdonságnál tehetjük meg.image

<my:Map Margin="6" Name="map1"

        CredentialsProvider="AnY59ktyRJ-7g-…"  />

 

Ha ezt megtettük, már jogszerűen használhatjuk a Bing Maps vezérlőt, és a figyelmeztetés is eltűnik.

 

4. Most még csak a Bing Maps jelenik meg. Azt, hogy hol jelenjen meg, a Center tulajdonság megadásával határozhatjuk meg. Ez egy GeoCordinate típusú tulajdonság. A pozíció ugyan megvan, de azt is meg kell határoznunk, hogy mennyire legyen ráközelítve az adott pontra. A következő XAML leírás egy Budapest belvárosában lévő pontot fog megjeleníteni.

 

<my:Map Margin="12,0,0,12" Name="map1"

        CredentialsProvider="AnY59ktyRJ-7g-m_yDX1ZpiAvAR5EQ3SjX…"

        Center="47.4753, 019.0552"

        ZoomLevel="15"/>

5. Ha emulátoron teszteljük az alkalmazást, célszerű megjeleníteni a ZoomBar-t. Ezt a ZoomBarVisibility tulajdonsággal tehetjük meg.

ZoomBarVisibility="Visible"

image

6. Magát a térképet két különböző módban használhatjuk: RoadMode és ArialMode. Utóbbi a műholdkép-változat, előbbi az alapértelmezett térképnézet. Hogy melyik módon jelenjen meg a térkép, azt a Mode tulajdonsággal tudjuk befolyásolni.

 

C# kódból:

using Microsoft.Phone.Controls.Maps;

map1.Mode = new AerialMode();

XAML-ből:

<my:Map Margin="6" Name="map1"

CredentialsProvider="AnY59ktyRJ-7g-m_yDX1ZpiAvAR5EQ3SjX3WqDl"

Center="47.4753, 019.0552"

ZoomLevel="15"

ZoomBarVisibility="Visible">

    <my:Map.Mode>

        <my:AerialMode />

    </my:Map.Mode>

</my:Map>

7. Még két tulajdonságot érdemes ismerni: az egyik a LogoVisibility, a másik a CopyRightVisibility. Az előbbivel a Bing logót tüntethetjük el a bal sarokból, míg az utóbbival a CopyRight információkat a jobb sarokból. Ezt általában meg is szoktuk tenni. Plusz információt a végfelhasználó számára nem túl sokszor hordoznak ezek az adatok.

CopyrightVisibility="Collapsed"

LogoVisibility="Collapsed"

Önálló feladat: kérdezzük le a jelenlegi GPS koordinátánkat, és a Bing Maps középpontjának adjuk meg! Ha mozgunk, a Bing Maps térképének a középpontja is módosuljon!

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: