Gunakan penanda untuk menarik perhatian pengguna ke lokasi di peta. Panduan ini menunjukkan cara menggunakan dan menyesuaikan penanda dalam peta 3D. Anda dapat mengontrol bentuk, ukuran, dan warna penanda, selain ketinggian tempatnya ditampilkan.
Gunakan penanda untuk menampilkan lokasi di peta. Contoh di atas menunjukkan penanda tunggal dasar tanpa penyesuaian yang diterapkan.
Menyesuaikan warna, skala, dan gambar ikon
Sesuaikan latar belakang, glyph, warna batas, dan ukuran penanda default.
Ganti ikon penanda default dengan resource SVG kustom.
Menetapkan ketinggian penanda
Anda dapat menetapkan ketinggian penanda dengan mengekstrusi penanda dan menetapkan ketinggian.
Membuat penanda merespons peristiwa klik dan keyboard
Buat penanda merespons klik dan peristiwa keyboard dengan menambahkan pemroses peristiwa click.
function initMap() {
const map = new Map3DElement({
center: { lat: 37.4690, lng: -122.1074, altitude: 0 },
tilt: 67.5,
range: 45000,
mode: MapMode.HYBRID
});
const interactiveMarker = new google.maps.marker.Marker3DInteractiveElement({
map,
position: {lat: 37.4239163, lng: -122.0947209},
});
interactiveMarker.addEventListener('gmp-click', (event) => {
// Handle the click event.
// ...
});
}
Menetapkan perilaku penanda saat tumpang-tindih
Tentukan perilaku penanda saat tumpang-tindih dengan penanda atau label peta lainnya.
const marker = new Marker3DElement({
position: {lat, lng},
collisionBehavior: google.maps.CollisionBehavior.REQUIRED
});