@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Class UIMapView

    Static map snapshot component.

    Renders a tile grid centred on a geographic coordinate at a fixed zoom level, with SVG overlays for polylines and polygons and absolutely-positioned marker pins.

    No panning, zooming, or interaction — purely visual display. Zero external dependencies beyond Angular itself.

    <ui-map-view
      [center]="{ lat: 52.37, lng: 4.90 }"
      [zoom]="13"
      [markers]="markers"
    />

    Implements

    • AfterViewInit
    Index

    Constructors

    constructor

    Properties

    ariaLabel attribution center containerSize darkModeTiles hasVectorOverlays height markers polygons polylines renderedMarkers renderedPolygons renderedPolylines svgViewBox tiles tileUrl width zoom

    Methods

    ngAfterViewInit

    Constructors

    Properties

    ariaLabel: InputSignal<string> = ...

    Accessible label for the map region.

    attribution: InputSignal<string> = ...

    Tile attribution HTML. Defaults to the OSM attribution.

    center: InputSignal<MapLatLng> = ...

    Geographic centre of the map.

    containerSize: WritableSignal<{ height: number; width: number }> = ...

    Measured pixel dimensions of the host element.

    darkModeTiles: InputSignal<boolean> = ...

    Apply a CSS filter to invert tile colours in dark mode. Defaults to true. Set to false when using a dark tile provider URL.

    hasVectorOverlays: Signal<boolean> = ...
    height: InputSignal<string> = ...

    CSS height of the component. Defaults to '400px'.

    markers: InputSignal<MapMarker[]> = ...

    Markers to render.

    polygons: InputSignal<MapPolygon[]> = ...

    Polygons to render.

    polylines: InputSignal<MapPolyline[]> = ...

    Polylines to render.

    renderedMarkers: Signal<RenderedMarker[]> = ...
    renderedPolygons: Signal<RenderedPolygon[]> = ...
    renderedPolylines: Signal<RenderedPolyline[]> = ...
    svgViewBox: Signal<string> = ...
    tiles: Signal<TileDescriptor[]> = ...
    tileUrl: InputSignal<string> = ...

    Tile URL template with {x}, {y}, {z} placeholders. Defaults to OpenStreetMap.

    width: InputSignal<string> = ...

    CSS width of the component. Defaults to '100%'.

    zoom: InputSignal<number> = ...

    Zoom level (0–19).

    Methods

    • A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.

      Returns void

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Methods