RadzenGoogleMap Class

RadzenGoogleMap component.

Inheritance

Object

ComponentBase

RadzenComponent

RadzenGoogleMap

Implements

IComponent

IHandleEvent

IHandleAfterRender

Namespace: Radzen.Blazor

Assembly: Radzen.Blazor.dll

Syntax

public class RadzenGoogleMap : RadzenComponent, IComponent, IHandleEvent, IHandleAfterRender

Examples

<RadzenGoogleMap Zoom="3" Center=@(new GoogleMapPosition() { Lat = 42.6977, Lng = 23.3219 }) MapClick=@OnMapClick MarkerClick=@OnMarkerClick">
    <Markers>
        <RadzenGoogleMapMarker Title="London" Label="London" Position=@(new GoogleMapPosition() { Lat = 51.5074, Lng = 0.1278 }) />
        <RadzenGoogleMapMarker Title="Paris " Label="Paris" Position=@(new GoogleMapPosition() { Lat = 48.8566, Lng = 2.3522 }) />
    </Markers>
</RadzenGoogleMap>
@code {
  void OnMapClick(GoogleMapClickEventArgs args)
  {
    Console.WriteLine($"Map clicked at Lat: {args.Position.Lat}, Lng: {args.Position.Lng}");
  }

  void OnMarkerClick(RadzenGoogleMapMarker marker)
  {
    Console.WriteLine($"Map {marker.Title} marker clicked. Marker position -> Lat: {marker.Position.Lat}, Lng: {marker.Position.Lng}");
  }
}

Constructors

RadzenGoogleMapLink to this section

RadzenGoogleMap component.

Declaration
public RadzenGoogleMap()

Properties

ApiKeyLink to this section

Gets or sets the Google API key.

Declaration
public string ApiKey { get; set; }
Property Value
Type Description
stringGets or sets the Google API key.

BoundsChangedLink to this section

Gets or sets the callback raised when the visible map area changes. It fires once the map is loaded and each time the map becomes idle after panning or zooming.

Declaration
public EventCallback<GoogleMapBoundsChangedEventArgs> BoundsChanged { get; set; }
Property Value
Type Description
EventCallback<GoogleMapBoundsChangedEventArgs>Gets or sets the callback raised when the visible map area changes. It fires once the map is loaded and each time the map becomes idle after panning or zooming.

CenterLink to this section

Gets or sets the center map position.

Declaration
public GoogleMapPosition Center { get; set; }
Property Value
Type Description
GoogleMapPositionGets or sets the center map position.

DataLink to this section

Gets or sets the data - collection of RadzenGoogleMapMarker.

Declaration
public IEnumerable<RadzenGoogleMapMarker> Data { get; set; }
Property Value
Type Description
IEnumerable<RadzenGoogleMapMarker>Gets or sets the data - collection of RadzenGoogleMapMarker.

FitBoundsToMarkersOnUpdateLink to this section

Flag indicating whether map will be zoomed to marker bounds on update or not.

Declaration
public bool FitBoundsToMarkersOnUpdate { get; set; }
Property Value
Type Description
boolFlag indicating whether map will be zoomed to marker bounds on update or not.

MapClickLink to this section

Gets or sets the map click callback.

Declaration
public EventCallback<GoogleMapClickEventArgs> MapClick { get; set; }
Property Value
Type Description
EventCallback<GoogleMapClickEventArgs>Gets or sets the map click callback.

MapIdLink to this section

Gets or sets the Google Map Id.

Declaration
public string MapId { get; set; }
Property Value
Type Description
stringGets or sets the Google Map Id.

MarkerClickLink to this section

Gets or sets the marker click callback.

Declaration
public EventCallback<RadzenGoogleMapMarker> MarkerClick { get; set; }
Property Value
Type Description
EventCallback<RadzenGoogleMapMarker>Gets or sets the marker click callback.

MarkersLink to this section

Gets or sets the markers.

Declaration
public RenderFragment Markers { get; set; }
Property Value
Type Description
RenderFragmentGets or sets the markers.

OptionsLink to this section

Gets or sets the Google map options: https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions.

Declaration
public Dictionary<string, object> Options { get; set; }
Property Value
Type Description
Dictionary<string, object>Gets or sets the Google map options: https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions.

ZoomLink to this section

Gets or sets the zoom.

Declaration
public double Zoom { get; set; }
Property Value
Type Description
doubleGets or sets the zoom.

Methods

AddMarkerLink to this section

Adds the marker.

Declaration
public void AddMarker(RadzenGoogleMapMarker marker)
Parameters
Type Name Description
RadzenGoogleMapMarker marker The marker.

BuildRenderTreeLink to this section

Declaration
protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)
Parameters
Type Name Description
Rendering.RenderTreeBuilder __builder

DisposeLink to this section

Declaration
public override void Dispose()

GetComponentCssClassLink to this section

Declaration
protected override string GetComponentCssClass()
Returns
Type Description
string

OnAfterRenderAsyncLink to this section

Declaration
protected override Task OnAfterRenderAsync(bool firstRender)
Parameters
Type Name Description
bool firstRender
Returns
Type Description
Task

OnBoundsChangedLink to this section

Handles the BoundsChanged event.

Declaration
public Task OnBoundsChanged(GoogleMapBoundsChangedEventArgs args)
Parameters
Type Name Description
GoogleMapBoundsChangedEventArgs args The GoogleMapBoundsChangedEventArgs instance containing the event data.
Returns
Type Description
Task

OnMapClickLink to this section

Handles the MapClick event.

Declaration
public Task OnMapClick(GoogleMapClickEventArgs args)
Parameters
Type Name Description
GoogleMapClickEventArgs args The GoogleMapClickEventArgs instance containing the event data.
Returns
Type Description
Task

OnMarkerClickLink to this section

Called when marker click.

Declaration
public Task OnMarkerClick(RadzenGoogleMapMarker marker)
Parameters
Type Name Description
RadzenGoogleMapMarker marker The marker.
Returns
Type Description
Task

RemoveMarkerLink to this section

Removes the marker.

Declaration
public void RemoveMarker(RadzenGoogleMapMarker marker)
Parameters
Type Name Description
RadzenGoogleMapMarker marker The marker.

SetParametersAsyncLink to this section

Declaration
public override Task SetParametersAsync(ParameterView parameters)
Parameters
Type Name Description
ParameterView parameters
Returns
Type Description
Task
An error has occurred. This app may no longer respond until reloaded. Reload 🗙