Advanced Markers

Class AdvancedMarkerElement

Class google.maps.marker.AdvancedMarkerElement

Menampilkan posisi di peta. Perhatikan bahwa position harus ditetapkan 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.

Konstruktor
AdvancedMarkerElement	AdvancedMarkerElement([options]) Parameter:  options:  AdvancedMarkerElementOptions optional Membuat AdvancedMarkerElement dengan opsi yang ditentukan. Jika peta ditentukan, AdvancedMarkerElement akan ditambahkan ke peta setelah konstruksi.

Properti
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.
gmpClickable	Pemberitahuan: Hanya tersedia di saluran v=beta. Jenis:  boolean optional Lihat AdvancedMarkerElementOptions.gmpClickable.
gmpDraggable	Jenis:  boolean optional Lihat AdvancedMarkerElementOptions.gmpDraggable.
map	Jenis:  Map optional Lihat AdvancedMarkerElementOptions.map.
position	Jenis:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional 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.

Metode
addEventListener	Pemberitahuan: Hanya tersedia di saluran v=beta. 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 dikirim 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.
removeEventListener	Pemberitahuan: Hanya tersedia di saluran v=beta. removeEventListener(type, listener[, options]) Parameter:  type:  string String yang menentukan jenis peristiwa yang akan menghapus pemroses peristiwa. 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

Acara
click	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat elemen AdvancedMarkerElement diklik. Tidak tersedia dengan addEventListener() (gunakan gmp-click sebagai gantinya).
drag	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan berulang kali saat pengguna menarik AdvancedMarkerElement. Tidak tersedia dengan addEventListener().
dragend	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna berhenti menarik AdvancedMarkerElement. Tidak tersedia dengan addEventListener().
dragstart	function(event) Argumen:  event:  MapMouseEvent Peristiwa ini diaktifkan saat pengguna mulai menarik AdvancedMarkerElement. Tidak tersedia dengan addEventListener().
gmp-click	Pemberitahuan: Hanya tersedia di saluran v=beta. function(event) Argumen:  event:  AdvancedMarkerClickEvent Peristiwa ini diaktifkan saat elemen AdvancedMarkerElement diklik. Paling cocok digunakan dengan addEventListener() (bukan addListener()).

Antarmuka AdvancedMarkerElementOptions

Antarmuka google.maps.marker.AdvancedMarkerElementOptions

Opsi untuk membuat AdvancedMarkerElement.

Properti
collisionBehavior optional	Jenis:  CollisionBehavior optional Enumerasi yang menentukan perilaku AdvancedMarkerElement saat terjadi tumpang tindih dengan AdvancedMarkerElement lain atau dengan label peta dasar pada peta vektor. Catatan: Konflik AdvancedMarkerElement ke AdvancedMarkerElement berfungsi pada peta raster dan vektor, tetapi konflik AdvancedMarkerElement ke label peta dasar hanya berfungsi pada peta vektor.
content optional	Jenis:  Node optional Default: PinElement.element 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 lain akan memindahkan elemen DOM dan menyebabkan AdvancedMarkerElement sebelumnya terlihat kosong.
gmpClickable optional	Pemberitahuan: Hanya tersedia di saluran v=beta. Jenis:  boolean optional Default: false Jika true, AdvancedMarkerElement akan dapat diklik dan memicu peristiwa gmp-click, serta akan interaktif untuk tujuan aksesibilitas (misalnya, memungkinkan navigasi keyboard melalui tombol panah).
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 tempat AdvancedMarkerElement akan ditampilkan. Peta diperlukan untuk menampilkan AdvancedMarkerElement dan dapat disediakan dengan menetapkan AdvancedMarkerElement.map jika tidak disediakan pada konstruksi.
position optional	Jenis:  LatLng|LatLngLiteral|LatLngAltitude|LatLngAltitudeLiteral optional Menetapkan posisi AdvancedMarkerElement. AdvancedMarkerElement dapat dibuat tanpa posisi, tetapi tidak akan ditampilkan hingga posisinya diberikan - misalnya, oleh tindakan atau pilihan pengguna. Posisi AdvancedMarkerElement dapat diberikan dengan menetapkan AdvancedMarkerElement.position jika tidak diberikan pada konstruksi. Catatan: AdvancedMarkerElement dengan ketinggian hanya didukung pada 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 sesuai urutan zIndex-nya, dengan nilai yang lebih tinggi ditampilkan di depan AdvancedMarkerElement dengan nilai yang lebih rendah. Secara default, AdvancedMarkerElement ditampilkan sesuai 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 Penanda Lanjutan CollisionBehavior.OPTIONAL_AND_HIDES_LOWER_PRIORITY. Nilai zIndex yang lebih tinggi menunjukkan prioritas yang lebih tinggi.

Class AdvancedMarkerClickEvent

Class google.maps.marker.AdvancedMarkerClickEvent

Pemberitahuan: Hanya tersedia di saluran v=beta.

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 aspek 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.

Konstruktor
PinElement	PinElement([options]) Parameter:  options:  PinElementOptions optional

Properti
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.

Metode
addEventListener	Pemberitahuan: Hanya tersedia di saluran v=beta. addEventListener(type, listener[, options]) Parameter:  type:  string listener:  EventListener|EventListenerObject options:  boolean|AddEventListenerOptions optional Nilai Hasil:  void Fungsi ini belum tersedia untuk digunakan.
removeEventListener	Pemberitahuan: Hanya tersedia di saluran v=beta. removeEventListener(type, listener[, options]) Parameter:  type:  string String yang menentukan jenis peristiwa yang akan menghapus pemroses peristiwa. 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.

Properti
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.
glyph optional	Jenis:  string|Element|URL optional Elemen DOM yang ditampilkan di pin.
glyphColor optional	Jenis:  string optional Warna glyph. Mendukung semua nilai warna CSS.
scale optional	Jenis:  number optional Default: 1 Skala pin.