Skip to content
CHARTS · COMPLETE

Map

Color regions by value and add markers, from your own map data.

Color regions by value and add markers, from your own map data (GeoJSON). Users can zoom and select regions.

Why it helps

  • Regions by value
  • Markers and zoom
  • Your own map data

Where it fits

  • Sales by region
  • Locations
  • Statistics

Example

<Map GeoJson="@SampleMap.Regions" Values="SampleMap.Sales" Markers="SampleMap.Cities" Zoomable ShowExport ValueFormat="N0" Label="Sales by region" @bind-Selected="_selected" Height="380" />
<p>@(_selected is null ? "Pick a region with the mouse or the keyboard (Tab, then Enter)." : $"Selected region: {_selected}")</p>

@code {
    private string? _selected;
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation