Skip to content

Add real-time MPH/KPH toggle to Render Speed Limit for a route sample (nav) #222

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
esoekianto wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add real-time MPH/KPH toggle to Render Speed Limit for a route sample (nav) #222

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 36 additions & 17 deletions .../main/java/com/mapbox/navigation/examples/standalone/speedlimit/ShowSpeedLimitActivity.kt
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ import com.mapbox.navigation.base.ExperimentalPreviewMapboxNavigationAPI
import com.mapbox.navigation.base.extensions.applyDefaultNavigationOptions
import com.mapbox.navigation.base.extensions.applyLanguageAndVoiceUnitOptions
import com.mapbox.navigation.base.formatter.DistanceFormatterOptions
import com.mapbox.navigation.base.formatter.UnitType
import com.mapbox.navigation.base.options.NavigationOptions
import com.mapbox.navigation.base.route.NavigationRoute
import com.mapbox.navigation.base.route.NavigationRouterCallback
Expand Down Expand Up @@ -135,9 +136,9 @@ class ShowSpeedLimitActivity : AppCompatActivity() {
* Options used for formatting speed information, such as mph or km/h.
* By default, the unit type will be determined based on the device's locale.
*/
private val distanceFormatterOptions: DistanceFormatterOptions by lazy {
DistanceFormatterOptions.Builder(applicationContext).build()
}
private lateinit var distanceFormatterOptions: DistanceFormatterOptions

private var lastLocationMatcherResult: LocationMatcherResult? = null

/**
* Gets notified with location updates.
Expand All @@ -160,6 +161,7 @@ class ShowSpeedLimitActivity : AppCompatActivity() {
* map-matched to the road if possible.
*/
override fun onNewLocationMatcherResult(locationMatcherResult: LocationMatcherResult) {
lastLocationMatcherResult = locationMatcherResult
val enhancedLocation = locationMatcherResult.enhancedLocation
navigationLocationProvider.changePosition(
enhancedLocation,
Expand All @@ -174,16 +176,20 @@ class ShowSpeedLimitActivity : AppCompatActivity() {
enhancedLocation.bearing
)

val info = speedInfoApi.updatePostedAndCurrentSpeed(
locationMatcherResult,
distanceFormatterOptions
)
if (info != null) {
binding.speedLimitView.isVisible = true
binding.speedLimitView.render(info)
} else {
binding.speedLimitView.isVisible = false
}
updateSpeedLimit(locationMatcherResult)
}
}

private fun updateSpeedLimit(locationMatcherResult: LocationMatcherResult) {
val info = speedInfoApi.updatePostedAndCurrentSpeed(
locationMatcherResult,
distanceFormatterOptions
)
if (info != null) {
binding.speedLimitView.isVisible = true
binding.speedLimitView.render(info)
} else {
binding.speedLimitView.isVisible = false
}
}

Expand Down Expand Up @@ -231,11 +237,24 @@ class ShowSpeedLimitActivity : AppCompatActivity() {
binding = MapboxActivityShowSpeedLimitBinding.inflate(layoutInflater)
setContentView(binding.root)

distanceFormatterOptions = DistanceFormatterOptions.Builder(applicationContext).build()

binding.actionButton.isVisible = true
binding.actionButton.setOnClickListener {
fetchRoute()
}

binding.mapView.mapboxMap.loadStyle(NavigationStyles.NAVIGATION_DAY_STYLE) {
binding.actionButton.isVisible = true
binding.actionButton.setOnClickListener {
fetchRoute()
}
// style loaded
}

binding.toggleUnitButton.setOnClickListener {
val currentUnit = distanceFormatterOptions.unitType
val newUnit = if (currentUnit == UnitType.METRIC) UnitType.IMPERIAL else UnitType.METRIC
distanceFormatterOptions = distanceFormatterOptions.toBuilder()
.unitType(newUnit)
.build()
lastLocationMatcherResult?.let { updateSpeedLimit(it) }
}
}

Expand Down
15 changes: 15 additions & 0 deletions ...navigation/examples/standalone/speedlimit/res/layout/mapbox_activity_show_speed_limit.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,4 +42,19 @@
<!-- Uncomment the following line of code to customize the MapboxManeuverView -->
<!-- style="@style/MapboxCustomManeuverStyle" -->
</com.mapbox.navigation.ui.components.speedlimit.view.MapboxSpeedInfoView>

<androidx.appcompat.widget.AppCompatButton
android:id="@+id/toggleUnitButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginEnd="8dp"
android:background="@drawable/mapbox_button"
android:padding="12dp"
android:text="Toggle Unit"
android:textAllCaps="false"
android:textColor="@android:color/white"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:ignore="HardcodedText" />
</androidx.constraintlayout.widget.ConstraintLayout>