如何在Xamarin Forms(Android和iOS)中实现Google地图?

Question

我有一个谷歌地图API密钥，我想使用它在我的Android应用程序和iOS应用程序中使用Xamarin Forms显示地图。您将使用哪个库来减少两个操作系统上的冲突？

Answer 1

实现这一点的一种简单方法是使用 NuGet Xamarin.Forms.GoogleMaps

Xamarin.Forms.GoogleMaps功能：

• 地图类型
• 交通地图
• 映射事件
• 使用动画平移
• 直接平移
• 引 脚
• 定制引脚
• 固定拖放
• 多边形
• 线
• 圈
• 自定义地图磁贴

---

按照以下步骤在工程中设置地图：

1. 在所有项目中安装 NuGet 包 Xamarin.Forms.GoogleMaps。

2. 安卓。在 MainActivity 中初始化库.cs在 OnCreate 方法中：

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

base.OnCreate(savedInstanceState);

Xamarin.Essentials.Platform.Init(this, savedInstanceState);
global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
Xamarin.FormsGoogleMaps.Init(this, savedInstanceState); //Initialize GoogleMaps here
LoadApplication(new App());
}

3. In Your AndroidManifest.xml.

将属性com.google.android.geo.API_KEYcom.google.android.gms.versionorg.apache.http.legacy添加到标记<application>内。

还添加了所需的权限ACCESS_COARSE_LOCATIONACCESS_FINE_LOCATION。

如果您将使用地理位置，请添加一些使用功能。

您的 AndroidManifest.xml 应如下所示：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="yvan.eht.nioj" android:installLocation="auto">
<uses-sdk android:minSdkVersion="21" android:targetSdkVersion="28" />
<application android:label="YourApp.Android">
<meta-data android:name="com.google.android.geo.API_KEY" android:value="Your_Api_Key_Here" />
<meta-data android:name="com.google.android.gms.version" android:value="@integer/google_play_services_version" />
<uses-library android:name="org.apache.http.legacy" android:required="false" />
</application>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-feature android:name="android.hardware.location" android:required="false" />
<uses-feature android:name="android.hardware.location.gps" android:required="false" />
<uses-feature android:name="android.hardware.location.network" android:required="false" />
</manifest>

4. iOS.在 AppDelegate 中初始化库.cs在 DoneLaunch 方法中：

public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
global::Xamarin.Forms.Forms.Init();
Xamarin.FormsGoogleMaps.Init("Your_Api_Key_Here");
LoadApplication(new App());
return base.FinishedLaunching(app, options);
}

5. 在您的 Info.plist 中添加属性NSLocationAlwaysUsageDescriptionNSLocationWhenInUseUsageDescriptionNSLocationAlwaysAndWhenInUseUsageDescription

<? xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<!--Your other Permissions may be on top -->
<!-- Just add the Permissions below -->
<key>NSLocationAlwaysUsageDescription</key>
<string>Can we use your location at all times?</string>
<key>NSLocationWhenInUseUsageDescription</key>
<string>Can we use your location when your application is being used?</string>
<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
<string>Can we use your location at all times?</string>
</dict>
</plist>

做

---

现在，您可以在 xaml 中添加地图，并在 Android 和 iOS 应用中显示它，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<ContentPage
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:d="http://xamarin.com/schemas/2014/forms/design"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:maps="clr-namespace:Xamarin.Forms.GoogleMaps;assembly=Xamarin.Forms.GoogleMaps"
mc:Ignorable="d"
x:Class="YourApp.MainPage">
<ContentPage.Content>
<Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>

<maps:Map x:Name="map" VerticalOptions="FillAndExpand"></maps:Map>
</Grid>
</ContentPage.Content>
</ContentPage>

<小时 />

可选

请求运行时位置权限

如果应用程序面向 API 23 或更高版本，并且需要访问用户的位置，则必须检查它在运行时是否具有所需的权限，如果没有权限，则必须请求该权限。这可以按如下方式完成：

1. 在 MainActivity 类中，添加以下字段：

const int RequestLocationId = 0;

readonly string[] LocationPermissions =
{
Manifest.Permission.AccessCoarseLocation,
Manifest.Permission.AccessFineLocation
};

2. 在 MainActivity 类中，添加以下 OnStart 重写：

protected override void OnStart()
{
base.OnStart();

if ((int)Build.VERSION.SdkInt >= 23)
{
if (CheckSelfPermission(Manifest.Permission.AccessFineLocation) != Permission.Granted)
{
RequestPermissions(LocationPermissions, RequestLocationId);
}
else
{
// Permissions already granted - display a message.
}
}
}

3. (如果您使用的是 Xamarin Essentials，则不是必需的( 在 MainActivity 类中，添加以下 OnRequestPermissionsResult 重写：

public override void OnRequestPermissionsResult(int requestCode, string[] permissions, [GeneratedEnum] Permission[] grantResults)
{
if (requestCode == RequestLocationId)
{
if ((grantResults.Length == 1) && (grantResults[0] == (int)Permission.Granted))
// Permissions granted - display a message.
else
// Permissions denied - display a message.
}
else
{
base.OnRequestPermissionsResult(requestCode, permissions, grantResults);
}
}