GoogleMap


This documentation provides a comprehensive reference for the GoogleMap component, guiding you through its configuration options.

Demos

Parameters #

Name Type Default Required Description Added Version
ApiKey string null Gets or sets the Google Maps API key. 1.0.0
Center GoogleMapCenter null Gets or sets the center parameter. 1.0.0
Class string null Gets or sets the CSS class. 1.0.0
Clickable bool False Makes the marker clickable if set to true. 1.0.0
Height Nullable`1 null Gets or sets the height of the GoogleMap. 1.0.0
HeightUnit Unit Px Gets or sets the units for the Height. 1.0.0
Id string null Gets or sets the ID. If not set, a unique ID will be generated. 1.0.0
Markers IEnumerable<GoogleMapMarker> null Gets or sets the markers. 1.0.0
Style string null Gets or sets the CSS style. 1.0.0
Width Nullable`1 null Gets or sets the width of the GoogleMap. 1.0.0
WidthUnit Unit Percentage Gets or sets the units for the Width. 1.0.0
Zoom int 14 Gets or sets the zoom level of the GoogleMap. 1.0.0

Methods #

Name Return type Description Added Version
AddMarkerAsync(GoogleMapMarker marker) ValueTask Adds a marker to the GoogleMap. 1.0.0
RefreshAsync() ValueTask Refreshes the Google Maps component. 1.0.0
UpdateMarkersAsync(IEnumerable<GoogleMapMarker> markers) ValueTask Updates the markers on the Google Map. 1.0.0

Events #

Name Return Type Description Added Version
OnMarkerClick EventCallback<GoogleMapMarker> This event is fired when a user clicks on a marker. It fires only when Clickable is set to true. 1.0.0