Xamarin Forms Maps 将 pin 标记更改为图像

Question

我已完成以下链接中显示的所有内容： https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/custom-renderer/map-pin

效果很好，显示名为 pin.png 的图像

我想保留那个，但添加另一个带有不同图像的图钉。

我应该在我的代码中添加/更改什么来做到这一点？

这是我目前用来设置图钉的方法

CustomPin pin4 = new CustomPin
            {
                Type = PinType.Place,
                Position = new Position(9.936165, -84.039919),
                Label = "Fin",
            };
            map.CustomPins = new List<CustomPin> { pin };
            map.Pins.Add(pin4);

如何使用标记选项 seticon？

Answer 1

按照您提供的文档，您可以使用MarkerOptions.SetIcon 来表示自定义标记。

Android自定义渲染器的实现：

    public class CustomMapRenderer : MapRenderer, GoogleMap.IInfoWindowAdapter
{
    List<CustomPin> customPins;

    public CustomMapRenderer(Context context) : base(context)
    {
    }

    protected override void OnElementChanged(Xamarin.Forms.Platform.Android.ElementChangedEventArgs<Map> e)
    {
        base.OnElementChanged(e);

        if (e.OldElement != null)
        {
            NativeMap.InfoWindowClick -= OnInfoWindowClick;
        }

        if (e.NewElement != null)
        {
            var formsMap = (CustomMap)e.NewElement;
            customPins = formsMap.CustomPins;
        }
    }

    protected override void OnMapReady(GoogleMap map)
    {
        base.OnMapReady(map);

        NativeMap.InfoWindowClick += OnInfoWindowClick;
        NativeMap.SetInfoWindowAdapter(this);
    }

    protected override MarkerOptions CreateMarker(Pin pin)
    {
        var marker = new MarkerOptions();
        marker.SetPosition(new LatLng(pin.Position.Latitude, pin.Position.Longitude));
        marker.SetTitle(pin.Label);
        marker.SetSnippet(pin.Address);
        marker.SetIcon(BitmapDescriptorFactory.FromResource(Resource.Drawable.cactus));
        return marker;
    }

    void OnInfoWindowClick(object sender, GoogleMap.InfoWindowClickEventArgs e)
    {
        var customPin = GetCustomPin(e.Marker);
        if (customPin == null)
        {
            throw new Exception("Custom pin not found");
        }

        if (!string.IsNullOrWhiteSpace(customPin.Url))
        {
            var url = Android.Net.Uri.Parse(customPin.Url);
            var intent = new Intent(Intent.ActionView, url);
            intent.AddFlags(ActivityFlags.NewTask);
            Android.App.Application.Context.StartActivity(intent);
        }
    }

    public Android.Views.View GetInfoContents(Marker marker)
    {
        var inflater = Android.App.Application.Context.GetSystemService(Context.LayoutInflaterService) as Android.Views.LayoutInflater;
        if (inflater != null)
        {
            Android.Views.View view;

            var customPin = GetCustomPin(marker);
            if (customPin == null)
            {
                throw new Exception("Custom pin not found");
            }

            if (customPin.Name.Equals("Xamarin"))
            {
                view = inflater.Inflate(Resource.Layout.XamarinMapInfoWindow, null);
            }
            else
            {
                view = inflater.Inflate(Resource.Layout.MapInfoWindow, null);
            }

            var infoTitle = view.FindViewById<TextView>(Resource.Id.InfoWindowTitle);
            var infoSubtitle = view.FindViewById<TextView>(Resource.Id.InfoWindowSubtitle);

            if (infoTitle != null)
            {
                infoTitle.Text = marker.Title;
            }
            if (infoSubtitle != null)
            {
                infoSubtitle.Text = marker.Snippet;
            }

            return view;
        }
        return null;
    }

    public Android.Views.View GetInfoWindow(Marker marker)
    {
        return null;
    }

    CustomPin GetCustomPin(Marker annotation)
    {
        var position = new Position(annotation.Position.Latitude, annotation.Position.Longitude);
        foreach (var pin in customPins)
        {
            if (pin.Position == position)
            {
                return pin;
            }
        }
        return null;
    }

}

MapInfoWindow的布局，XamarinMapInfoWindow，你可以查看下面的链接。 https://github.com/xamarin/xamarin-forms-samples/tree/master/CustomRenderers/Map/Droid/Resources/layout

有关 ios、uwp 的更多详细信息，您可以从 GitHub 下载源文件以供参考。 https://github.com/xamarin/xamarin-forms-samples/tree/master/CustomRenderers/Map