Work with the Standard style
StandardStyleActivity.kt
package com.mapbox.maps.testapp.examples
import android.os.Bundle
import android.view.View
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity
import com.mapbox.bindgen.Value
import com.mapbox.geojson.LineString
import com.mapbox.geojson.Point
import com.mapbox.maps.CameraOptions
import com.mapbox.maps.MapboxMap
import com.mapbox.maps.extension.style.expressions.dsl.generated.rgb
import com.mapbox.maps.extension.style.layers.generated.lineLayer
import com.mapbox.maps.extension.style.sources.generated.geoJsonSource
import com.mapbox.maps.extension.style.style
import com.mapbox.maps.testapp.databinding.ActivityStandardStyleBinding
/**
* Example of working with style imports and the Standard style.
*/
class StandardStyleActivity : AppCompatActivity() {
private lateinit var mapboxMap: MapboxMap
private val line = LineString.fromLngLats(LINE_COORDINATES)
private var lightSetting: LightPresets = LightPresets.DUSK
private var themeSetting: Theme = Theme.DEFAULT
private var labelsSetting = true
private var show3dObjectsSetting = true
private lateinit var binding: ActivityStandardStyleBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityStandardStyleBinding.inflate(layoutInflater)
mapboxMap = binding.mapView.mapboxMap
setContentView(binding.root)
// Set the camera options to center on New York City
mapboxMap.setCamera(
CameraOptions.Builder()
.center(Point.fromLngLat(LONGITUDE, LATITUDE))
.zoom(11.0)
.pitch(45.0)
.build()
)
// Load a style which imports Mapbox Standard as a basemap
mapboxMap.loadStyle(
style(style = STYLE_URL) {
// Create a new GeoJSON data source of the line's coordinates
+geoJsonSource(id = "line-layer") {
geometry(line)
}
// Create and apply basic styling to the fill layer, assign the layer to the "middle" slot
+lineLayer(layerId = "line-layer", sourceId = "line-layer") {
lineColor(rgb(255.0, 165.0, 0.0))
lineWidth(8.0)
// Order of adding layers matter. This line layer has the same slot as the water layer
// (see [STYLE_URL]) but it will be rendered on top of the water because it's added later.
slot("bottom")
}
}
)
addOnClickListeners()
}
private fun addOnClickListeners() {
binding.fabThemeSetting.setOnClickListener {
mapboxMap.getStyle { style ->
themeSetting = when (themeSetting) {
Theme.DEFAULT -> Theme.FADED
Theme.FADED -> Theme.MONOCHROME
Theme.MONOCHROME -> Theme.DEFAULT
}
style.setStyleImportConfigProperty(
IMPORT_ID_FOR_STANDARD_STYLE,
"theme",
themeSetting.value
)
showAction(it, themeSetting.value.toString())
}
}
// When a user clicks the light setting button change the `lightPreset` config property on the Standard style import
binding.fabLightSetting.setOnClickListener {
mapboxMap.getStyle { style ->
lightSetting = when (lightSetting) {
LightPresets.DAY -> LightPresets.DAWN
LightPresets.DAWN -> LightPresets.DUSK
LightPresets.DUSK -> LightPresets.NIGHT
LightPresets.NIGHT -> LightPresets.DAY
}
style.setStyleImportConfigProperty(
IMPORT_ID_FOR_STANDARD_STYLE,
"lightPreset",
lightSetting.value
)
showAction(it, lightSetting.value.toString())
}
}
// When a user clicks the labels setting button change the label config properties on the Standard style import to show/hide them
// To identify which configuration properties are available on an imported style you can use `style.getStyleImportSchema()`
binding.fabLabelsSetting.setOnClickListener {
mapboxMap.getStyle { style ->
labelsSetting = !labelsSetting
style.setStyleImportConfigProperty(
IMPORT_ID_FOR_STANDARD_STYLE,
"showPlaceLabels",
Value.valueOf(labelsSetting)
)
style.setStyleImportConfigProperty(
IMPORT_ID_FOR_STANDARD_STYLE,
"showRoadLabels",
Value.valueOf(labelsSetting)
)
style.setStyleImportConfigProperty(
IMPORT_ID_FOR_STANDARD_STYLE,
"showPointInterestLabels",
Value.valueOf(labelsSetting)
)
style.setStyleImportConfigProperty(
IMPORT_ID_FOR_STANDARD_STYLE,
"showTransitLabels",
Value.valueOf(labelsSetting)
)
showAction(it, labelsSetting.toString())
}
}
binding.fab3dObjectsSetting.setOnClickListener {
mapboxMap.getStyle { style ->
show3dObjectsSetting = !show3dObjectsSetting
style.setStyleImportConfigProperty(
IMPORT_ID_FOR_STANDARD_STYLE,
"show3dObjects",
Value.valueOf(show3dObjectsSetting)
)
showAction(it, show3dObjectsSetting.toString())
}
}
}
private fun showAction(it: View, value: String) {
Toast.makeText(
this@StandardStyleActivity,
it.contentDescription.toString() + value,
Toast.LENGTH_SHORT
).show()
}
private enum class LightPresets(val value: Value) {
DAY(Value.valueOf("day")),
DAWN(Value.valueOf("dawn")),
DUSK(Value.valueOf("dusk")),
NIGHT(Value.valueOf("night"))
}
private enum class Theme(val value: Value) {
FADED(Value.valueOf("faded")),
MONOCHROME(Value.valueOf("monochrome")),
DEFAULT(Value.valueOf("default"))
}
companion object {
/**
* The ID used in [STYLE_URL] that references the `standard` style.
*/
private const val IMPORT_ID_FOR_STANDARD_STYLE = "standard"
private const val LATITUDE = 40.72
private const val LONGITUDE = -73.99
private const val STYLE_URL = "asset://fragment-realestate-NY.json"
/**
* Boundary line between New York and New Jersey.
*/
private val LINE_COORDINATES = listOf(
Point.fromLngLat(-73.91912400100642, 40.913503418907936),
Point.fromLngLat(-73.9615887363045, 40.82943110786286),
Point.fromLngLat(-74.01409059085539, 40.75461056309348),
Point.fromLngLat(-74.02798814058939, 40.69522028220487),
Point.fromLngLat(-74.05655532615407, 40.65188756398558),
Point.fromLngLat(-74.13916853846217, 40.64339339389301)
)
}
}
この{Type}は役に立ちましたか？