Map

IsabyteMap

Interactive slippy map with tile servers, markers, shapes, GeoJSON layers, and IsabyteMapDatapoints for plotting timestamped data with canvas rendering, viewport culling, timeline scrubber, and bar graph drill-down filtering.

Map Parameters

Datapoints Parameters

Map State

Center: 62.0000, 15.0000

Zoom: 4

Added markers: 0

Current Configuration

📋

<IsabyteMap Center="new IsabyteLatLng(62.0, 15.0)"
        Zoom="4"
        Height="600px">
    <IsabyteMapMarker Position="new(59.91, 10.75)"
                  Title="Oslo"
                  IconCssClass="@IsabyteIcons.Bootstrap.GeoAltFill"
                  IconColor="#e74c3c">
        <IsabyteMarkerTestPopupContent Title="Oslo" Description="Capital of Norway" />
    </IsabyteMapMarker>
    <IsabyteMapOfflineStorage MaxTilesPerDownload="250" />
</IsabyteMap>

@code {
    private IsabyteMap? map;

    // Load GeoJSON from URL
    await map.LoadGeoJsonFromUrl("https://example.com/data.geojson",
        new IsabyteGeoJsonOptions
        {
            FillColor = "#2ecc71",
            LabelProperty = "name",
            FitBounds = true,
        });

}