Map - 1.Google Map 顯示

地圖功能

  1. Google Map 顯示
  2. Google Map & GPS pin

nuget : Xamarin.Form.Maps 

在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 指紋
參考:https://developers.google.com/maps/documentation/android-api/start?hl=zh-tw

在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.cs

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