Advanced Markers (beta)

Class AdvancedMarkerView

Class google.maps.marker.AdvancedMarkerView

Membuat AdvancedMarkerView dengan opsi yang ditentukan. Jika peta ditentukan, AdvancedMarkerView akan ditambahkan ke peta setelah pembuatan. Perhatikan bahwa posisi harus ditetapkan agar AdvancedMarkerView ditampilkan.

Class ini mengimplementasikan AdvancedMarkerViewOptions.

Muat menggunakan parameter URL &libraries=marker. Lihat Library di Maps JavaScript API.

Saat menggunakan v=beta, dapat diakses dengan memanggil const {AdvancedMarkerView} = await google.map.importLibrary("marker"). Lihat Library di Maps JavaScript API.
AdvancedMarkerView
AdvancedMarkerView([options])
Parameter:
collisionBehavior
Jenis: CollisionBehavior optional
Lihat AdvancedMarkerViewOptions.collisionBehavior.
content
Jenis: Element optional
Lihat AdvancedMarkerViewOptions.content.
draggable
Jenis: boolean optional
Lihat AdvancedMarkerViewOptions.draggable.
element optional
Jenis: HTMLElement|SVGElement optional
Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan.
map
Jenis: Map optional
Lihat AdvancedMarkerViewOptions.map.
position
Lihat AdvancedMarkerViewOptions.position.
title
Jenis: string optional
Lihat AdvancedMarkerViewOptions.title.
zIndex
Jenis: number optional
Lihat AdvancedMarkerViewOptions.zIndex.
addListener
addListener(eventName, handler)
Parameter:
  • eventName:  string
  • handler:  Function
Nilai Hasil: MapsEventListener
Menambahkan fungsi pemroses yang diberikan ke nama peristiwa yang diberikan.
click
function(event)
Argumen:
Peristiwa ini dipicu saat elemen AdvancedMarkerView diklik.
drag
function(event)
Argumen:
Peristiwa ini dipicu berulang kali saat pengguna menarik AdvancedMarkerView.
dragend
function(event)
Argumen:
Peristiwa ini dipicu saat pengguna berhenti menarik AdvancedMarkerView.
dragstart
function(event)
Argumen:
Peristiwa ini dipicu saat pengguna mulai menarik AdvancedMarkerView.

Antarmuka AdvancedMarkerViewOptions

Antarmuka google.maps.marker.AdvancedMarkerViewOptions

Opsi untuk membuat AdvancedMarkerView.

Muat menggunakan parameter URL &libraries=marker. Lihat Library di Maps JavaScript API.
collisionBehavior optional
Jenis: CollisionBehavior optional
Enumerasi yang menentukan perilaku AdvancedMarkerView saat bentrok dengan AdvancedMarkerView lain atau dengan label peta dasar di peta vektor.

Catatan: Tabrakan AdvancedMarkerView ke AdvancedMarkerView berfungsi pada peta raster dan vektor, tetapi, AdvancedMarkerView pada konflik label peta dasar hanya berfungsi pada peta vektor.
content optional
Jenis: Element optional
Elemen DOM mendukung visual AdvancedMarkerView.

Catatan: AdvancedMarkerView tidak meng-clone elemen DOM yang diteruskan. Setelah elemen DOM diteruskan ke AdvancedMarkerView, meneruskan elemen DOM yang sama ke AdvancedMarkerView lainnya akan memindahkan elemen DOM dan menyebabkan AdvancedMarkerView sebelumnya terlihat kosong.
draggable optional
Jenis: boolean optional
Default: false
Jika true, AdvancedMarkerView dapat ditarik.

Catatan: AdvancedMarkerView dengan ketinggian tidak dapat ditarik.
element optional
Jenis: HTMLElement|SVGElement optional
Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan.
map optional
Jenis: Map optional
Peta untuk menampilkan AdvancedMarkerView. Peta diperlukan untuk menampilkan AdvancedMarkerView dan dapat disediakan dengan menetapkan AdvancedMarkerView.map jika tidak disediakan saat konstruksi.
position optional
Menetapkan posisi AdvancedMarkerView. AdvancedMarkerView dapat dibuat tanpa posisi, tetapi tidak akan ditampilkan hingga posisinya diberikan - misalnya, berdasarkan tindakan atau pilihan pengguna. Posisi AdvancedMarkerView dapat diberikan dengan menyetel AdvancedMarkerView.position jika tidak disediakan saat konstruksi.

Catatan: AdvancedMarkerView dengan ketinggian hanya didukung di peta vektor.
title optional
Jenis: string optional
Teks rollover. Jika disediakan, teks aksesibilitas (misalnya untuk digunakan dengan pembaca layar) akan ditambahkan ke AdvancedMarkerView dengan nilai yang diberikan.
zIndex optional
Jenis: number optional
Semua AdvancedMarkerView ditampilkan di peta menurut urutan zIndex, dengan nilai yang lebih tinggi akan ditampilkan di depan AdvancedMarkerView dengan nilai yang lebih rendah. Secara default, AdvancedMarkerView ditampilkan sesuai dengan posisi vertikalnya di layar, dengan AdvancedMarkerView yang lebih rendah muncul di depan AdvancedMarkerView yang lebih jauh ke atas layar. Perhatikan bahwa zIndex juga digunakan untuk membantu menentukan prioritas relatif antara Penanda Lanjutan CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY. Nilai zIndex yang lebih tinggi menunjukkan prioritas yang lebih tinggi.

Class PinView

Class google.maps.marker.PinView

PinView mewakili elemen DOM yang terdiri dari bentuk dan glyph. Bentuknya memiliki gaya balon yang sama seperti yang terlihat di AdvancedMarkerView default. Grip adalah elemen DOM opsional yang ditampilkan dalam bentuk balon. PinView mungkin memiliki rasio lebar tinggi yang berbeda, bergantung pada PinView.scale.

Class ini mengimplementasikan PinViewOptions.

Muat menggunakan parameter URL &libraries=marker. Lihat Library di Maps JavaScript API.

Saat menggunakan v=beta, dapat diakses dengan memanggil const {PinView} = await google.map.importLibrary("marker"). Lihat Library di Maps JavaScript API.
PinView
PinView([options])
Parameter:
background
Jenis: string optional
Lihat PinViewOptions.background.
borderColor
Jenis: string optional
Lihat PinViewOptions.borderColor.
element optional
Jenis: HTMLElement|SVGElement optional
Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan.
glyph
Jenis: string|Element|URL optional
Lihat PinViewOptions.glyph.
glyphColor
Jenis: string optional
Lihat PinViewOptions.glyphColor.
scale
Jenis: number optional
Lihat PinViewOptions.scale.
addListener
addListener(eventName, handler)
Parameter:
Nilai Hasil: MapsEventListener
Menambahkan fungsi pemroses yang diberikan ke nama peristiwa yang diberikan.

Antarmuka PinViewOptions

Antarmuka google.maps.marker.PinViewOptions

Opsi untuk membuat PinView.

Muat menggunakan parameter URL &libraries=marker. Lihat Library di Maps JavaScript API.
background optional
Jenis: string optional
Warna latar belakang bentuk pin. Mendukung semua nilai warna CSS.
borderColor optional
Jenis: string optional
Warna batas bentuk pin. Mendukung semua nilai warna CSS.
element optional
Jenis: HTMLElement|SVGElement optional
Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan.
glyph optional
Jenis: string|Element|URL optional
Elemen DOM ditampilkan di pin.
glyphColor optional
Jenis: string optional
Warna glyph. Mendukung semua nilai warna CSS.
scale optional
Jenis: number optional
Default: 1
Skala pin.