Penyesuaian Cloud

Pilih platform: Android iOS JavaScript

Google Maps Platform menawarkan fitur penataan gaya peta berbasis Cloud yang memudahkan Anda untuk menata gaya, menyesuaikan, dan mengelola peta menggunakan Google Cloud Console, sehingga Anda dapat meningkatkan pengalaman pengguna peta Anda secara keseluruhan. Agar fitur ini mudah digunakan dan dikelola, penataan gaya peta berbasis Cloud menghadirkan sejumlah alat baru ke Cloud Console:

  • Editor gaya yang ditujukan untuk menata gaya dengan mudah.
  • Pembuatan dan pengelolaan ID Peta.
  • Pembuatan dan pengelolaan gaya peta kustom.
  • Alat untuk memperbarui gaya secara dinamis.

Menambahkan ID peta ke aplikasi Anda

ID peta adalah ID yang dikaitkan dengan gaya atau fitur peta tertentu. Konfigurasikan gaya peta dan kaitkan dengan ID peta di Google Cloud Console. Selanjutnya, saat Anda mereferensikan ID peta dalam kode, gaya peta yang terkait akan ditampilkan di aplikasi Anda. Setiap perubahan gaya yang selanjutnya Anda buat akan otomatis ditampilkan di aplikasi, tanpa perlu update dari pelanggan.

Tambahkan ID peta melalui elemen <fragment> dalam file tata letak aktivitas, menggunakan class MapView, atau secara terprogram menggunakan class GoogleMapOptions.

Misalnya, Anda membuat ID peta yang disimpan sebagai nilai string dengan nama map_id di res/values/strings.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="map_id">YOUR_MAP_ID</string>
</resources>

Untuk peta yang ditambahkan melalui elemen <fragment> dalam file tata letak aktivitas, semua fragmen peta yang perlu memiliki gaya kustom harus menentukan ID peta di atribut map:mapId:

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    class="com.google.android.gms.maps.SupportMapFragment"
    …
    map:mapId="@string/map_id" />

Anda juga dapat menggunakan atribut map:mapId dari class MapView untuk menentukan ID peta:

<com.google.android.gms.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

Untuk menentukan ID peta secara terprogram, teruskan ke instance SupportMapFragment menggunakan class GoogleMapOptions:

Java


GoogleMapOptions options = new GoogleMapOptions()
    .mapId("YOUR_MAP_ID");
SupportMapFragment mapFragment = SupportMapFragment.newInstance(options);

Kotlin


val options = GoogleMapOptions()
  .mapId("YOUR_MAP_ID")
val mapFragment = SupportMapFragment.newInstance(options)

Atau, teruskan ke instance MapView:

Java


GoogleMapOptions options = new GoogleMapOptions()
    .mapId("YOUR_MAP_ID");
MapView mapView = new MapView(context, options);

Kotlin


val options = GoogleMapOptions()
    .mapId("YOUR_MAP_ID")
val mapView = MapView(context, options)

Di Android Studio, build dan jalankan aplikasi seperti biasanya. Gaya kustom akan diterapkan ke semua peta yang memiliki ID.

Menggunakan editor Gaya Peta

Editor Gaya Peta adalah alat berbasis GUI yang tersedia di Google Cloud Console.

Pelajari cara menggunakan alat penataan gaya peta berbasis Cloud