Tritium UI
TritiumMapView
Draw web map tiles from the source you choose (OpenStreetMap, Azure Maps with your own key, or any HTTPS tile server), with pins, shapes, GeoJSON, heatmaps, and choropleth.
Key features
- Center on a latitude and longitude and set the zoom.
- Choose the tile source: OpenStreetMap, Azure Maps with your own key (Road, Satellite, Hybrid, and Night), or any HTTPS tile server. Tiles are drawn by our own native renderer and kept in a local tile cache.
- Add pins, circles, polylines, and polygons, and edit overlays when you enable that mode.
- Cluster pins, draw a freehand shape, and measure distance.
- Pins with clustering, shapes with editing, GeoJSON, heatmaps, and choropleth.
- Search with geocoding, reverse-geocode a point, and show a route.
- Show the user's location, follow the device, and draw heading when a compass is available.
- Add the Azure Maps traffic overlay when you use Azure Maps with your own key.
- Show a heatmap layer and handle pin, overlay, cluster, long-press, and measure events.
Platforms
Android, iOS, Mac Catalyst, and Windows 10 version 19041 and later (.NET 10 MAUI). Azure Maps styles (Road, Satellite, Hybrid, Night) and traffic need your own Azure Maps key. OpenStreetMap and other HTTPS tile servers are used under their own terms. Heading is shown only when the device compass is supported.
Main API
- ApiKey . Azure Maps key.
- Pins . The markers to draw; Circles, Polylines, and Polygons are the other overlays.
- Zoom . Map zoom level.
- PinTapped . Fires when the user taps a pin.
Basic example
Declare this namespace on the page.
xmlns:maps="clr-namespace:Tritium.Maui.Maps;assembly=Tritium.Maui.Maps"
<maps:TritiumMapView Latitude="47.6062" Longitude="-122.3321" Zoom="11"
MapStyle="Road" Pins="{Binding Sites}" />Add the package source from your license, then reference the package that includes this control. These packages are not on the public NuGet Gallery.