LeafletForBlazor 1.0.4

Leaflet Map for Blazor You can quickly add a map to the blazor page. This package is under development, but I will keep the code compatible from one version to another.

You can find more information:

https://github.com/ichim/LeafletForBlazor-NuGet
https://www.youtube.com/@step-by-step-cs

Sample Code:

_Add in Import.razor

@using LeafletForBlazor

Blazor Page:

<Map 
	width="600px" 
	height="600px"
	Parameters="@parameters"
	Options="@map_options"
	GeoJSON_urls="@urls.ToArray()"
	onLoadMap="@OnLoadMap"
	onMapClick="@OnMapClick"
	onZoomChange="@OnZoomChange">
</Map>

Blazor Code:

@code {
	//map initialization parameters
	Map.LoadParameters parameters = new Map.LoadParameters()
	{
		location = new Map.Location()
		{
			longitude = 26.097133,
			latitude = 44.446165
		},
		zoom_level = 12
	};

	//map customization
	Map.MapOptions map_options = new Map.MapOptions()
	{
		interaction_options = new Map.InteractionOptions()
		{
			doubleClickZoom = false
		}

	};

	//working with GEOJson file
	List<string> urls = new List<string>() { "http://localhost:5078/polygonsfile.json", "http://localhost:5078/pointsfile.json"  };

	//events
	public void OnLoadMap(Map.OnLoadEventParameters event_args)
	{
		
	}

	public void OnZoomChange(int zoom_level)
	{
    
	}

	public void OnMapClick(Map.Location event_args)
	{
    
	}
}