Table of Contents

Class RadzenGoogleMap

Namespace
Radzen.Blazor
Assembly
Radzen.Blazor.dll

RadzenGoogleMap component.

public class RadzenGoogleMap : RadzenComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposable
Inheritance
RadzenGoogleMap
Implements
Inherited Members

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

RadzenGoogleMap() 

public RadzenGoogleMap()

Properties

ApiKey

Gets or sets the Google API key.

[Parameter]
public string ApiKey { get; set; }

Property Value

string

The Google API key.

Center

Gets or sets the center map position.

[Parameter]
public GoogleMapPosition Center { get; set; }

Property Value

GoogleMapPosition

The center.

Data

Gets or sets the data - collection of RadzenGoogleMapMarker.

[Parameter]
public IEnumerable<RadzenGoogleMapMarker> Data { get; set; }

Property Value

IEnumerable<RadzenGoogleMapMarker>

The data.

FitBoundsToMarkersOnUpdate

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

[Parameter]
public bool FitBoundsToMarkersOnUpdate { get; set; }

Property Value

bool

MapClick

Gets or sets the map click callback.

[Parameter]
public EventCallback<GoogleMapClickEventArgs> MapClick { get; set; }

Property Value

EventCallback<GoogleMapClickEventArgs>

The map click callback.

MapId

Gets or sets the Google Map Id.

[Parameter]
public string MapId { get; set; }

Property Value

string

The Google Map Id.

MarkerClick

Gets or sets the marker click callback.

[Parameter]
public EventCallback<RadzenGoogleMapMarker> MarkerClick { get; set; }

Property Value

EventCallback<RadzenGoogleMapMarker>

The marker click callback.

Markers

Gets or sets the markers.

[Parameter]
public RenderFragment Markers { get; set; }

Property Value

RenderFragment

The markers.

Options

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

[Parameter]
public Dictionary<string, object> Options { get; set; }

Property Value

Dictionary<string, object>

The Google map options.

Zoom

Gets or sets the zoom.

[Parameter]
public double Zoom { get; set; }

Property Value

double

The zoom.

Methods

AddMarker(RadzenGoogleMapMarker)

Adds the marker.

public void AddMarker(RadzenGoogleMapMarker marker)

Parameters

marker RadzenGoogleMapMarker

The marker.

BuildRenderTree(RenderTreeBuilder) 

protected override void BuildRenderTree(RenderTreeBuilder __builder)

Parameters

__builder RenderTreeBuilder

Dispose() 

public override void Dispose()

GetComponentCssClass() 

protected override string GetComponentCssClass()

Returns

string

OnAfterRenderAsync(bool) 

protected override Task OnAfterRenderAsync(bool firstRender)

Parameters

firstRender bool

Returns

Task

OnMapClick(GoogleMapClickEventArgs)

Handles the MapClick event.

[JSInvokable("RadzenGoogleMap.OnMapClick")]
public Task OnMapClick(GoogleMapClickEventArgs args)

Parameters

args GoogleMapClickEventArgs

The GoogleMapClickEventArgs instance containing the event data.

Returns

Task

OnMarkerClick(RadzenGoogleMapMarker)

Called when marker click.

[JSInvokable("RadzenGoogleMap.OnMarkerClick")]
public Task OnMarkerClick(RadzenGoogleMapMarker marker)

Parameters

marker RadzenGoogleMapMarker

The marker.

Returns

Task

RemoveMarker(RadzenGoogleMapMarker)

Removes the marker.

public void RemoveMarker(RadzenGoogleMapMarker marker)

Parameters

marker RadzenGoogleMapMarker

The marker.