CODEWITHSUNDEEP
iosiphoneswiftcocoa-touchmapbox
FS.O6
FS.O6

Reputation: 1464

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!

Upvotes: 6

Views: 3775

Answers (1)

friedbunny
friedbunny

Reputation: 2421

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.

Upvotes: 4

Related Questions