MeshWeaver.Blazor.GoogleMaps 2.5.0

.NET 9.0 This package targets .NET 9.0. The package is compatible with this framework or higher.
There is a newer prerelease version of this package available.
See the version list below for details. 
dotnet add package MeshWeaver.Blazor.GoogleMaps --version 2.5.0
                    


                    

                
NuGet\Install-Package MeshWeaver.Blazor.GoogleMaps -Version 2.5.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="MeshWeaver.Blazor.GoogleMaps" Version="2.5.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="MeshWeaver.Blazor.GoogleMaps" Version="2.5.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="MeshWeaver.Blazor.GoogleMaps" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add MeshWeaver.Blazor.GoogleMaps --version 2.5.0
                    


                    

                
#r "nuget: MeshWeaver.Blazor.GoogleMaps, 2.5.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package MeshWeaver.Blazor.GoogleMaps@2.5.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=MeshWeaver.Blazor.GoogleMaps&version=2.5.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=MeshWeaver.Blazor.GoogleMaps&version=2.5.0
                    


                            Install as a Cake Tool

MeshWeaver.Blazor.GoogleMaps

Blazor Server implementation for MeshWeaver Google Maps integration.

Overview

This package provides the Blazor Server rendering layer for MeshWeaver's Google Maps controls. It works in conjunction with MeshWeaver.GoogleMaps to deliver interactive map functionality within MeshWeaver applications.

Quick Start

1. Installation

Install the NuGet package:

dotnet add package MeshWeaver.Blazor.GoogleMaps

2. Configuration

Add Google Maps to your MeshWeaver hub configuration:

public static MessageHubConfiguration ConfigureHub(this MessageHubConfiguration config)
{
    return config.AddGoogleMaps();
}

Configure your Google Maps API key in Program.cs:

builder.Services.Configure<GoogleMapsConfiguration>(options =>
{
    options.ApiKey = "your-google-maps-api-key";
});

3. Usage

Create a map control in your layout areas:

public static UiControl CreateMap() =>
    new GoogleMapControl
    {
        Options = new MapOptions
        {
            Center = new LatLng(37.7749, -122.4194),
            Zoom = 12
        },
        Markers = new[]
        {
            new MapMarker
            {
                Position = new LatLng(37.7749, -122.4194),
                Title = "San Francisco",
                Id = "sf-marker"
            }
        }
    }.WithStyle("height: 400px;");

Features

  • GoogleMapView: Blazor component for rendering Google Maps
  • Interactive Markers: Clickable markers with customizable icons and labels
  • Circle Overlays: Customizable circular overlays with styling options
  • Click Events: Integration with MeshWeaver's message hub for event handling
  • Dynamic Updates: Real-time marker and circle updates
  • JavaScript Interop: Efficient JavaScript module loading and interaction

Requirements

  • Google Maps JavaScript API key
  • .NET 9.0
  • Blazor Server
  • MeshWeaver.GoogleMaps package

Dependencies

  • MeshWeaver.Blazor
  • MeshWeaver.GoogleMaps
  • Microsoft.AspNetCore.Components.Web

For complete documentation and examples, see the main MeshWeaver.GoogleMaps README.

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
3.0.0-preview1 84 4/16/2026
2.5.0 203 11/3/2025
2.4.0 202 10/2/2025