Xamarin google maps bindings:BindingPinsBehavior not showing Pins on map

Question

I can interact with the map with the following functionality. setting the Zoom, current position and even showing polygons. Just can't get any pin to be displayed.

Am getting pin data to the MapView and as have tested it is visible in a

Have also added a click event on the map which can see the correct count of pins.

The issue is that non of the pins are visible. Have tried with the default pin and also a custom pin using .Icon

This is my MapViewModel.cs

using MapApp.Mobile.Core.Contracts.Services.General;
using MapApp.Mobile.Core.ViewModels.Base;
using System;
using System.Collections.Generic;
using System.Text;
using System.Threading.Tasks;
using MapApp.Mobile.Core.Services.Data;
using MapApp.Mobile.Core.Contracts.Services.Data;
using System.Collections.ObjectModel;
using Xamarin.Forms.GoogleMaps;
using MapApp.Mobile.Core.Models;

using Xamarin.Forms.GoogleMaps.Bindings;
using Xamarin.Forms;


using Plugin.Geolocator.Abstractions;

namespace MapApp.Mobile.Core.ViewModels
{
    public class MapViewModel : ViewModelBase
    {
        private readonly IZoneService _zoneService;
        private readonly IAddressService _addressService;

        //Expands to a region
        private MapSpan _visibleRegion;
        public MapSpan VisibleRegion
        {
            get => _visibleRegion;
            set
            {
                _visibleRegion = value;
                RaisePropertyChanged(() => VisibleRegion);
            }
        }

        //Map collection of pins
        private ObservableCollection _pins;
        public ObservableCollection Pins
        {
            get => _pins;
            set
            {
                _pins = value;
                RaisePropertyChanged(() => Pins);
            }
        }

        private ObservableCollection _nogoZones;
        public ObservableCollection NogoZones
        {
            get => _nogoZones;
            set {
                _nogoZones = value;
                RaisePropertyChanged(() => NogoZones);
            }
        
        }

        public MoveToRegionRequest MoveToRegionRequest { get; } = new MoveToRegionRequest();

        public MapViewModel(IConnectionService connectionService,
            INavigationService navigationService, IDialogService dialogService,
            IZoneService zoneService, IAddressService addressService)
            : base(connectionService, navigationService, dialogService)
        {


            _zoneService = zoneService;
            _addressService = addressService;
        }

        public Command MapClickedCommand =>
            new Command(args =>
            {
                Pins.Add(new Pin
                {
                    Label = $"Pin{Pins.Count}",
                    Position = args.Point
                });
            });


        //public override async Task InitializeAsync(object navigationData)
        public override async Task InitializeAsync(object navigationData)
        {
            Coordinates defaultCoordinates = _zoneService.GetAssignedLatitudeLongitude();

            //Sets the visible view of the maps - 0.25 miles around the centre of the coord point
            VisibleRegion = MapSpan.FromCenterAndRadius(
                new Xamarin.Forms.GoogleMaps.Position(defaultCoordinates.Latitude, defaultCoordinates.Longitude),
                Distance.FromMiles(0.25));

            MoveToRegionRequest.MoveToRegion(VisibleRegion);


            //Get near by address to current location
            var addresses = await _addressService.GetNearbyAddressesAsync(defaultCoordinates.Latitude, defaultCoordinates.Longitude);

            //Now populate on the map                
            _pins = new ObservableCollection();
            foreach (Models.Address a in addresses)
            {

                Xamarin.Forms.GoogleMaps.Pin p = new Xamarin.Forms.GoogleMaps.Pin();
                p.Type = PinType.Generic;
                p.Address = a.Address1;
                p.Label = a.AddressDisplay;
                p.Position = new Xamarin.Forms.GoogleMaps.Position((double)a.Latitude, (double)a.Longitude);
                p.Icon = BitmapDescriptorFactory.FromBundle(a.AddressStatus.Icon);


                _pins.Add(p);

            }
            Pins = new ObservableCollection(_pins);
            RaisePropertyChanged(() => Pins);


            var zones = _zoneService.GetZones();

            foreach (var zone in zones)
            {
                Polygon zonePolygon = new Polygon
                {
                    StrokeColor = Color.DarkRed,
                    FillColor = Color.FromRgba(255, 0, 0, 0.5f),
                    StrokeWidth = 3f,
                    Tag = zone.Name,
                };
                foreach (var coordinates in zone.Bounds)
                {
                    zonePolygon.Positions.Add(new Xamarin.Forms.GoogleMaps.Position(coordinates.Latitude, coordinates.Longitude));
                }
                _nogoZones.Add(zonePolygon);
            }
        }

    }
}

And this is the MapView.xaml

Greatly appreciate any help or suggestions

Xamarin google maps bindings:BindingPinsBehavior not showing Pins on map

Answers (1)

Related Questions