MapPopup
A standalone popup anchored to a geographic coordinate, independent of any marker. Toggle visibility programmatically via IsOpen and bind to IsOpenChanged to react when the user closes it.
Installation
dotnet add package Lumeo.Maps
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <MapPopup />
Satellite package.
MapPopup lives in
Lumeo.Maps — install it alongside the core Lumeo package.
Place it inside a <Map> ChildContent slot.
For marker-attached popups use the Popup slot on MapMarker instead.
When to Use
- Showing rich contextual information at a specific lat/lon without a visible marker
- Displaying a location info panel triggered by an external button or list item
- Pinning a persistent info card to a geographic coordinate (e.g., a selected search result)
- Building custom "click-anywhere" detail panels on top of the map
API Reference
MapPopup
| Prop | Type | Default | Description |
|---|---|---|---|
| Lat | double | 0 | Latitude of the popup anchor point. |
| Lon | double | 0 | Longitude of the popup anchor point. |
| IsOpen | bool | false | Whether the popup is currently visible. |
| CloseButton | bool | true | Show a close (×) button inside the popup. |
| CloseOnClick | bool | true | Close the popup when the user clicks the map background. |
| Html | string? | — | HTML string for the popup body. Overrides ChildContent. |
| ChildContent | RenderFragment? | — | Blazor render fragment for rich popup body. Rendered into a hidden host element; JS reads the innerHTML to open the MapLibre popup. |
| Class | string? | — | Additional CSS classes merged onto the hidden content host. |
| AdditionalAttributes | Dictionary<string, object>? | — | Unmatched attributes splatted onto the hidden content host. |
Events
| IsOpenChanged | EventCallback<bool> | Two-way callback for IsOpen, fired when the user dismisses the popup via its close button or a map-background click. |