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 pengubahan pengisian atau goresan fitur, Anda dapat membuat pengalaman peta yang disesuaikan dengan pengguna Anda.

Gaya visual peta berbasis cloud memberikan pengalaman pengeditan tanpa kode di konsol Google Cloud. Hasil edit 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 initMap() {
    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',
        mode: 'HYBRID',
        gestureHandling: "COOPERATIVE"
    });
    document.body.append(map);
}
initMap();
index.js

Ringkasan

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

1 Membuat ID peta Buat ID Peta. ID peta diteruskan ke aplikasi Anda untuk menangani gaya visual. Anda akan mengaitkan gaya kustom dengan ID peta ini pada langkah-langkah berikutnya.
2 Buat gaya visual peta berbasis Cloud Anda harus memilih "Hibrida 3D" dan menggunakan "mode terang" pada langkah ini.
3 Mengaitkan gaya peta dengan peta Tautkan gaya Anda ke ID peta yang Anda buat di 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 Anda setelah dipublikasikan.

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

Batasan

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

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