Android项目中如何启用Google Maps地图类型切换按钮？

Hey there! Let's break down how to handle this map type toggle button for Google Maps on Android—since you're right, the UiSettings class doesn't include a built-in method to enable that exact toggle like the JavaScript version has.

官方现状说明 #

First off, to confirm: the Google Maps Android SDK doesn't provide a native, out-of-the-box map type toggle button (the kind you see in the JS SDK's top-left corner). So you won't find a simple "enableToggleButton()" method in UiSettings—you're not missing anything!

自定义实现方案（推荐） #

The good news is building your own toggle is straightforward, and you can customize it to match your flat design style perfectly. Here are two common approaches:

1. 双状态切换按钮（ToggleButton）

This works great if you only need to switch between two map types (e.g., Normal ↔ Satellite).

• Layout setup: Add a ToggleButton (or a custom styled button) overlayed on your map view. Use a ConstraintLayout or FrameLayout to position it in the top-left corner, matching the JS SDK's placement:

  <FrameLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent">
  
      <!-- Your Google Map View -->
      <com.google.android.gms.maps.MapView
          android:id="@+id/mapView"
          android:layout_width="match_parent"
          android:layout_height="match_parent"/>
  
      <!-- Map Type Toggle Button -->
      <ToggleButton
          android:id="@+id/mapTypeToggle"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_margin="16dp"
          android:textOff="地图"
          android:textOn="卫星"
          android:background="@drawable/custom_flat_button"/> <!-- Use your flat design drawable -->
  </FrameLayout>
  

• Code logic: In your OnMapReadyCallback, hook up the toggle to switch map types using googleMap.setMapType():

  override fun onMapReady(googleMap: GoogleMap) {
      this.googleMap = googleMap
  
      val toggleButton = findViewById<ToggleButton>(R.id.mapTypeToggle)
      toggleButton.setOnCheckedChangeListener { _, isChecked ->
          val targetMapType = if (isChecked) {
              GoogleMap.MAP_TYPE_SATELLITE
          } else {
              GoogleMap.MAP_TYPE_NORMAL
          }
          googleMap.setMapType(targetMapType)
      }
  }
  

2. 多选项单选组（RadioGroup）

If you need to support more map types (Normal, Satellite, Terrain, Hybrid), a RadioGroup gives users clear options:

• Layout setup:

  <RadioGroup
      android:id="@+id/mapTypeRadioGroup"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_margin="16dp"
      android:orientation="horizontal"
      android:background="@drawable/rounded_flat_container"> <!-- Match your flat style -->
  
      <RadioButton
          android:id="@+id/radioNormal"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="地图"
          android:checked="true"
          android:button="@drawable/custom_radio_button"/> <!-- Custom flat radio style -->
  
      <RadioButton
          android:id="@+id/radioSatellite"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="卫星"
          android:button="@drawable/custom_radio_button"/>
  
      <RadioButton
          android:id="@+id/radioTerrain"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="地形"
          android:button="@drawable/custom_radio_button"/>
  </RadioGroup>
  

• Code logic:

  override fun onMapReady(googleMap: GoogleMap) {
      this.googleMap = googleMap
  
      val radioGroup = findViewById<RadioGroup>(R.id.mapTypeRadioGroup)
      radioGroup.setOnCheckedChangeListener { _, checkedId ->
          val mapType = when (checkedId) {
              R.id.radioNormal -> GoogleMap.MAP_TYPE_NORMAL
              R.id.radioSatellite -> GoogleMap.MAP_TYPE_SATELLITE
              R.id.radioTerrain -> GoogleMap.MAP_TYPE_TERRAIN
              else -> GoogleMap.MAP_TYPE_NORMAL
          }
          googleMap.setMapType(mapType)
      }
  }
  

样式优化 Tips #

• To match your flat design reference, create custom drawables for buttons/radio buttons with different states (pressed, checked, default).
• You can replace text with icons (e.g., a map icon and satellite icon) by using android:drawableLeft instead of android:text.
• Ensure the button is clickable and doesn't interfere with map interactions—set android:clickable="true" and android:focusable="true" on the button.

内容的提问来源于stack exchange，提问作者jonb