Menyesuaikan peta 3D

Anda dapat menyesuaikan tampilan dan nuansa peta dasar 3D menggunakan gaya visual peta berbasis cloud.

Dengan gaya visual peta berbasis cloud, Anda memiliki kontrol atas tampilan dan nuansa peta yang Anda tampilkan kepada pengguna. Dengan mengontrol fitur seperti kepadatan lokasi menarik (POI), penghapusan kategori POI tertentu, dan mengubah isian atau garis luar fitur, Anda dapat membuat pengalaman peta yang disesuaikan dengan pengguna.

Gaya visual peta berbasis cloud memberikan pengalaman pengeditan tanpa kode di konsol Google Cloud. Setiap gaya kustom yang Anda buat dikaitkan dengan ID peta; pengeditan yang dilakukan pada gaya Anda di konsol peta akan otomatis muncul di aplikasi Anda.

Contoh berikut menunjukkan peta yang menggunakan gaya kustom untuk mengubah warna ikon dan teks fitur rekreasi menjadi oranye:

async function init() {
    const { Map3DElement } = await google.maps.importLibrary('maps3d');

    const map = new Map3DElement({
        center: {
            lat: 37.75183154601466,
            lng: -119.52369070507672,
            altitude: 2200,
        },
        tilt: 67.5,
        heading: 108.94057782079429,
        range: 6605.57279990986,
        mapId: 'bcce776b92de1336e22c569f', // Styles are associated with map IDs.
        mode: 'HYBRID',
        gestureHandling: 'COOPERATIVE',
    });

    document.body.append(map);
}

void init();

Ringkasan

Proses penyesuaian peta 3D menggunakan gaya visual peta berbasis cloud sama dengan peta 2D:

1 Buat ID peta Buat ID Peta. ID peta diteruskan ke aplikasi Anda untuk menangani gaya. Anda akan mengaitkan gaya kustom dengan ID peta ini pada langkah berikutnya.
2 Buat gaya visual peta berbasis Cloud Anda harus memilih "Hibrida 3D" dan menggunakan "mode terang" pada langkah ini.
3 Kaitkan gaya peta dengan peta Tautkan gaya Anda ke ID peta yang Anda buat pada langkah pertama
4 Tambahkan ID peta ke aplikasi Tentukan ID peta dalam kode Anda menggunakan parameter map-id.
5 Publikasikan ID peta Perhatikan bahwa perubahan pada gaya kustom Anda akan otomatis dimasukkan ke dalam aplikasi setelah dipublikasikan.

Untuk melihat secara mendalam cara membuat gaya peta, tinjau Membuat dan menggunakan gaya peta.

Batasan

Ada batasan tertentu yang perlu diperhatikan saat menggunakan gaya visual peta berbasis cloud dengan Peta 3D di Maps JavaScript:

  • Mode gelap tidak didukung.
  • Fitur yang mendukung ID peta seperti gaya visual berbasis data tidak didukung.