GoogleMap

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

Screenshot #

Blazor GoogleMap Component

Parameters #

Name Type Default Required Description Added Version
AdditionalAttributes Dictionary<string, object>? null Gets or sets additional attributes that will be applied to the component. 1.0.0
ApiKey string? null Gets or sets the Google Map API key. 3.0.0
Center GoogleMapCenter? null Gets or sets the center parameter. 3.0.0
Class string? null Gets or sets the CSS class name(s) to apply to the component. 1.0.0
Clickable bool False Makes the marker clickable if set to true. 3.0.0
Height double? null Gets or sets the height of the GoogleMap. 3.0.0
HeightUnit Unit Px Gets or sets the units for the Height. 3.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. 3.0.0
Style string? null Gets or sets the CSS style string that defines the inline styles for the component. 1.0.0
Width double? null Gets or sets the width of the GoogleMap. 3.0.0
WidthUnit Unit Percentage Gets or sets the units for the Width. 3.0.0
Zoom int 14 Gets or sets the zoom level of the GoogleMap. 3.0.0

Methods #

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

Events #

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

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please reload the page.