Map - 1. Google Map

nuget : https://www.xamarin.com/forms

在ProjectName.Android 設定 AndroidManifest.xml

<application android:label="Hello.Android" android:icon="@drawable/icon">
    <meta-data android:name="com.google.android.maps.v2.API_KEY" android:value="Google Map Key" />
    <meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />
</application>

Google Map Key

https://console.cloud.google.com/apis

  參考:https://vulcanlee.gitbooks.io/xamarin-forms/content/chapter5.html
  取得簽署檔案 SHA1 指紋

在ProjectName.Android 設定 MainActivity.cs

protected override void OnCreate(Bundle bundle)
        {
            TabLayoutResource = Hello.Droid.Resource.Layout.Tabbar;
            ToolbarResource = Hello.Droid.Resource.Layout.Toolbar;

            base.OnCreate(bundle);

            global::Xamarin.Forms.Forms.Init(this, bundle);
            global::Xamarin.FormsMaps.Init(this, bundle);

            LoadApplication(new App());
        }

在ProjectName 建立 XAML

需參考 xmlns:maps="clr-namespace:Xamarin.Forms.Maps;assembly=Xamarin.Forms.Maps"

<StackLayout>
    <maps:Map x:Name="map" VerticalOptions="FillAndExpand"></maps:Map>
</StackLayout>

在ProjectName XAML.cs

public MapZoomPage ()
{
    InitializeComponent ();
    map.MoveToRegion(MapSpan.FromCenterAndRadius(new Position(22.983116, 120.194861), Distance.FromMeters(500)));            
 }