Events

GMap is more powerful with interactive events on the map. There are many callbacks available to hook into events while clicking on the map, overlay clicking, and dragging the overlay.

The map component example with various types of overlay events along with event callbacks would be written as follows:

<p-gmap #gmap [options]="options" [overlays]="overlaysEvents"  (onMapReady)="handleMapReady($event)"    (onMapClick)="handleMapClick($event)"       (onOverlayClick)="handleOverlayClick($event)"   (onOverlayDragStart)="handleDragStart($event)"  (onOverlayDragEnd)="handleDragEnd($event)"   [styleClass]="'dimensions'">          </p-gmap>

Either existing events can be updated by clicking the overlays or new events can be created by clicking the map using the ...

Get Angular UI Development with PrimeNG now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.