Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Adding direction arrow to current location on Mapbox (iOS)

I have an app that uses Mapbox to present a map with the user location, it looks like this:

Mapbox

I want to add a direction arrow to the current location marker that shows you the direction you're walking to, like that:

With arrow

Does anybody know how can I add this arrow using Mapbox iOS SDK?

Thanks!

like image 646
FS.O6 Avatar asked Oct 29 '22 17:10

FS.O6


1 Answers

With Mapbox Maps SDK for iOS v3.6.3 or newer it’s possible to add an always-on heading indicator using MGLMapView.showsUserHeadingIndicator. With this setting enabled, the user location annotation will look like this:

stroked-arrow

Also see this example for how to implement this in a custom user location annotation.

Old answer below, for posterity.


Custom user location annotation views are a feature of the upcoming v3.4.0 release, which you can try out now in pre-release.

You may find the SDK’s default implementation of MGLUserLocationAnnotationView, MGLFaux3DUserLocationAnnotationView, useful in constructing your own.

As for adding an always-on heading indicator, that’s not yet possible with MGLMapView’s location manager — for now, you will need to get the heading from your own location manager when the tracking mode is not .FollowWithHeading.

like image 187
friedbunny Avatar answered Nov 11 '22 07:11

friedbunny