Skip to main content

Basic Pulsing Circle

Display the LocationComponent's default pulsing circle.
BasicLocationPulsingCircleActivity.kt
package com.mapbox.maps.testapp.examples

import android.annotation.SuppressLint
import android.os.Bundle
import android.view.Menu
import android.view.MenuItem
import androidx.appcompat.app.AppCompatActivity
import com.mapbox.maps.CameraOptions
import com.mapbox.maps.MapboxMap
import com.mapbox.maps.Style
import com.mapbox.maps.plugin.gestures.gestures
import com.mapbox.maps.plugin.locationcomponent.LocationComponentConstants
import com.mapbox.maps.plugin.locationcomponent.location
import com.mapbox.maps.testapp.R
import com.mapbox.maps.testapp.databinding.ActivityLocationLayerBasicPulsingCircleBinding
import com.mapbox.maps.testapp.utils.LocationPermissionHelper
import java.lang.ref.WeakReference

/**
* This activity shows a basic usage of the LocationComponent's pulsing circle. There's no
* customization of the pulsing circle's color, radius, speed, etc.
*/
class BasicLocationPulsingCircleActivity : AppCompatActivity() {

private lateinit var mapboxMap: MapboxMap
private lateinit var locationPermissionHelper: LocationPermissionHelper
private var lastStyleUri = Style.DARK
private lateinit var binding: ActivityLocationLayerBasicPulsingCircleBinding

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityLocationLayerBasicPulsingCircleBinding.inflate(layoutInflater)
setContentView(binding.root)
mapboxMap = binding.mapView.mapboxMap
binding.mapView.location.addOnIndicatorPositionChangedListener {
mapboxMap.setCamera(CameraOptions.Builder().center(it).build())
binding.mapView.gestures.focalPoint = binding.mapView.mapboxMap.pixelForCoordinate(it)
}
locationPermissionHelper = LocationPermissionHelper(WeakReference(this))
locationPermissionHelper.checkPermissions {
onMapReady()
}
}

private fun onMapReady() {
mapboxMap.loadStyle(
Style.STANDARD
) {
lastStyleUri = it.styleURI
}
}

override fun onCreateOptionsMenu(menu: Menu): Boolean {
menuInflater.inflate(R.menu.menu_pulsing_location_mode, menu)
return true
}

@SuppressLint("MissingPermission")
override fun onOptionsItemSelected(item: MenuItem): Boolean {
when (item.itemId) {
R.id.action_map_style_change -> {
loadNewStyle()
return true
}
R.id.action_component_disable -> {
binding.mapView.location.enabled = false
return true
}
R.id.action_component_enabled -> {
binding.mapView.location.enabled = true
return true
}
R.id.action_stop_pulsing -> {
binding.mapView.location.pulsingEnabled = false
return true
}
R.id.action_start_pulsing -> {
binding.mapView.location.apply {
pulsingEnabled = true
pulsingMaxRadius = 10f * resources.displayMetrics.density
}
return true
}
R.id.action_pulsing_follow_accuracy_radius -> {
binding.mapView.location.apply {
showAccuracyRing = true
pulsingEnabled = true
pulsingMaxRadius = LocationComponentConstants.PULSING_MAX_RADIUS_FOLLOW_ACCURACY
}
return true
}
else -> return super.onOptionsItemSelected(item)
}
}

private fun loadNewStyle() {
val styleUrl = if (lastStyleUri == Style.DARK) Style.LIGHT else Style.DARK
mapboxMap.loadStyle(
styleUrl
) { lastStyleUri = styleUrl }
}

override fun onRequestPermissionsResult(
requestCode: Int,
permissions: Array<String>,
grantResults: IntArray
) {
super.onRequestPermissionsResult(requestCode, permissions, grantResults)
locationPermissionHelper.onRequestPermissionsResult(requestCode, permissions, grantResults)
}
}
Was this example helpful?