Advanced Markers

Class AdvancedMarkerElement

Class google.maps.marker.AdvancedMarkerElement

Menampilkan posisi di peta. Perhatikan bahwa position harus disetel agar AdvancedMarkerElement ditampilkan.

Catatan: Penggunaan sebagai Komponen Web (misalnya menggunakan elemen HTML <gmp-advanced-marker> kustom, hanya tersedia di saluran v=beta).

Elemen kustom:
<gmp-advanced-marker position="lat,lng" title="string"></gmp-advanced-marker>

Class ini memperluas HTMLElement.

Class ini mengimplementasikan AdvancedMarkerElementOptions.

Akses dengan memanggil const {AdvancedMarkerElement} = await google.maps.importLibrary("marker"). Lihat Library di Maps JavaScript API.
AdvancedMarkerElement
AdvancedMarkerElement([options])
Parameter: 
Membuat AdvancedMarkerElement dengan opsi yang ditentukan. Jika peta ditentukan, AdvancedMarkerElement ditambahkan ke peta saat pembuatan.
collisionBehavior
Jenis:  CollisionBehavior optional
Lihat AdvancedMarkerElementOptions.collisionBehavior.
content
Jenis:  Node optional
Lihat AdvancedMarkerElementOptions.content.
element
Jenis:  HTMLElement
Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan.
gmpDraggable
Jenis:  boolean optional
Lihat AdvancedMarkerElementOptions.gmpDraggable.
map
Jenis:  Map optional
Lihat AdvancedMarkerElementOptions.map.
position
Lihat AdvancedMarkerElementOptions.position.
Atribut HTML:
  • <gmp-advanced-marker position="lat,lng"></gmp-advanced-marker>
  • <gmp-advanced-marker position="lat,lng,altitude"></gmp-advanced-marker>
title
Jenis:  string
Lihat AdvancedMarkerElementOptions.title.
Atribut HTML:
  • <gmp-advanced-marker title="string"></gmp-advanced-marker>
zIndex
Jenis:  number optional
Lihat AdvancedMarkerElementOptions.zIndex.
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
  • type:  string String peka huruf besar/kecil yang mewakili jenis peristiwa yang akan diproses.
  • listener:  EventListener|EventListenerObject Objek yang menerima notifikasi. Ini harus berupa fungsi atau objek dengan metode handleEvent
  • options:  boolean|AddEventListenerOptions optional Lihat opsi. Peristiwa kustom hanya mendukung capture dan passive.
Nilai Hasil:  void
Menyiapkan fungsi yang akan dipanggil setiap kali peristiwa yang ditentukan ditayangkan ke target. Lihat addEventListener
addListener
addListener(eventName, handler)
Parameter: 
  • eventName:  string Peristiwa yang diamati.
  • handler:  Function Fungsi untuk menangani peristiwa.
Nilai yang Ditampilkan:  MapsEventListener Pemroses peristiwa yang dihasilkan.
Menambahkan fungsi pemroses yang diberikan ke nama peristiwa yang diberikan dalam sistem Peristiwa Maps.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang akan dihapus pemroses peristiwanya.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya terdaftar dengan addEventListener dari target. Lihat removeEventListener
click
function(event)
Argumen: 
Peristiwa ini diaktifkan saat elemen AdvancedMarkerElement diklik.

Tidak tersedia di addEventListener() (sebagai gantinya, gunakan gmp-click).
drag
function(event)
Argumen: 
Peristiwa ini berulang kali diaktifkan saat pengguna menarik AdvancedMarkerElement.

Tidak tersedia di addEventListener().
dragend
function(event)
Argumen: 
Peristiwa ini diaktifkan saat pengguna berhenti menarik AdvancedMarkerElement.

Tidak tersedia di addEventListener().
dragstart
function(event)
Argumen: 
Peristiwa ini diaktifkan saat pengguna mulai menarik AdvancedMarkerElement.

Tidak tersedia di addEventListener().
Betagmp-click
function(event)
Argumen: 
Peristiwa ini diaktifkan saat elemen AdvancedMarkerElement diklik. Paling baik digunakan dengan addEventListener() (bukan addListener()).

Antarmuka AdvancedMarkerElementOptions

Antarmuka google.maps.marker.AdvancedMarkerElementOptions

Opsi untuk membuat AdvancedMarkerElement.
collisionBehavior optional
Jenis:  CollisionBehavior optional
Enumerasi yang menentukan perilaku AdvancedMarkerElement saat mengalami konflik dengan AdvancedMarkerElement lain atau dengan label peta dasar pada peta vektor.

Catatan: Konflik AdvancedMarkerElement hingga AdvancedMarkerElement berfungsi pada peta raster dan vektor, tetapi, AdvancedMarkerElement terhadap konflik label peta dasar hanya berfungsi pada peta vektor.
content optional
Jenis:  Node optional
Elemen DOM yang mendukung visual AdvancedMarkerElement.

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

Catatan: AdvancedMarkerElement dengan ketinggian tidak dapat ditarik.
map optional
Jenis:  Map optional
Peta untuk menampilkan AdvancedMarkerElement. Peta diperlukan untuk menampilkan AdvancedMarkerElement dan dapat disediakan dengan menetapkan AdvancedMarkerElement.map jika tidak disediakan di konstruksi.
position optional
Menetapkan posisi AdvancedMarkerElement. AdvancedMarkerElement dapat dibuat tanpa posisi, tetapi tidak akan ditampilkan hingga posisinya diberikan - misalnya, berdasarkan tindakan atau pilihan pengguna. Posisi AdvancedMarkerElement dapat diberikan dengan menyetel AdvancedMarkerElement.position jika tidak diberikan saat konstruksi.

Catatan: AdvancedMarkerElement 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 AdvancedMarkerElement dengan nilai yang diberikan.
zIndex optional
Jenis:  number optional
Semua AdvancedMarkerElement ditampilkan di peta dalam urutan zIndex, dengan nilai lebih tinggi ditampilkan di depan AdvancedMarkerElement dengan nilai lebih rendah. Secara default, AdvancedMarkerElement ditampilkan sesuai dengan posisi vertikalnya di layar, dengan AdvancedMarkerElement yang lebih rendah muncul di depan AdvancedMarkerElement yang lebih jauh ke atas layar. Perhatikan bahwa zIndex juga digunakan untuk membantu menentukan prioritas relatif antara CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY Advanced Markers. Nilai zIndex yang lebih tinggi menunjukkan prioritas yang lebih tinggi.

Class AdvancedMarkerClickEvent

Class google.maps.marker.AdvancedMarkerClickEvent

Peristiwa ini dibuat dari mengklik Advanced Markers. Akses posisi penanda dengan event.target.position.

Class ini memperluas Event.

Akses dengan memanggil const {AdvancedMarkerClickEvent} = await google.maps.importLibrary("marker"). Lihat Library di Maps JavaScript API.

Class PinElement

Class google.maps.marker.PinElement

PinElement mewakili elemen DOM yang terdiri dari bentuk dan glyph. Bentuknya memiliki gaya balon yang sama seperti yang terlihat di AdvancedMarkerElement default. glyph adalah elemen DOM opsional yang ditampilkan dalam bentuk balon. PinElement dapat memiliki rasio lebar tinggi yang berbeda, bergantung pada PinElement.scale-nya.

Catatan: Penggunaan sebagai Komponen Web (misalnya penggunaan sebagai subclass HTMLElement, atau melalui HTML) belum didukung.

Class ini memperluas HTMLElement.

Class ini mengimplementasikan PinElementOptions.

Akses dengan memanggil const {PinElement} = await google.maps.importLibrary("marker"). Lihat Library di Maps JavaScript API.
PinElement
PinElement([options])
Parameter: 
background
Jenis:  string optional
Lihat PinElementOptions.background.
borderColor
Jenis:  string optional
Lihat PinElementOptions.borderColor.
element
Jenis:  HTMLElement
Kolom ini bersifat hanya baca. Elemen DOM yang mendukung tampilan.
glyph
Jenis:  string|Element|URL optional
Lihat PinElementOptions.glyph.
glyphColor
Jenis:  string optional
Lihat PinElementOptions.glyphColor.
scale
Jenis:  number optional
Lihat PinElementOptions.scale.
BetaaddEventListener
addEventListener(type, listener[, options])
Parameter: 
Nilai Hasil:  void
Fungsi ini belum tersedia untuk digunakan.
BetaremoveEventListener
removeEventListener(type, listener[, options])
Parameter: 
  • type:  string String yang menentukan jenis peristiwa yang akan dihapus pemroses peristiwanya.
  • listener:  EventListener|EventListenerObject Pemroses peristiwa pengendali peristiwa yang akan dihapus dari target peristiwa.
  • options:  boolean|EventListenerOptions optional Lihat opsi
Nilai Hasil:  void
Menghapus pemroses peristiwa yang sebelumnya terdaftar dengan addEventListener dari target. Lihat removeEventListener

Antarmuka PinElementOptions

Antarmuka google.maps.marker.PinElementOptions

Opsi untuk membuat PinElement.
background optional
Jenis:  string optional
Warna latar belakang dari bentuk pin. Mendukung semua nilai warna CSS.
borderColor optional
Jenis:  string optional
Warna batas bentuk pin. Mendukung semua nilai warna CSS.
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.