Can you customize the current location marker in react native maps?

google-maps mapkit react-native-maps
MonkeyBonkey picture MonkeyBonkey · May 7, 2018 · Viewed 7.2k times · Source

I'd like to use a custom marker image instead of the pulsing blue dot - is there a way to customize this in react native maps using apple maps for ios and google maps for Android?

Answer

Phil Mok picture Phil Mok · May 7, 2018

As far as I know, you cannot change the default current location dot. A work around is to pass the user's location into a <Marker /> with your custom image and turn off showsUserLocation to hide the default blue dot. Here are the Marker docs.

Then you can track the user's location using Geolocation.watchPosition. If you set the user's location to state it will trigger a rerender when the user moves.

Related questions

How do i open Google Maps for directions using coordinates on the iphone

I am using UIMapView to display locations on the iPhone. I want to do a directions from current location to the location of interest, I don't think its possible using MapKit (but if it is please inform) So I will …

Read More
Custom map style in MapKit

I am looking for a way to implement a custom map style in iOS 7, just like you can do with Google Maps. I have found some posts saying that this is not possible with MapKit, but they are all posted …

Read More
How set Custom Annotation markers ( animated rings around a point) on GMSMapView

Using Google maps iOS SDK I have implemented a mapView in that i have created markers as follows // Creates a marker in the center of the map. GMSMarker *marker = [[GMSMarker alloc] init]; marker.position = CLLocationCoordinate2DMake(-33.86, 151.20); marker.title = @"Sydney"; …

Read More