import maplibregl from 'maplibre-gl'; import { type Snippet } from 'svelte'; import type { ContainerWidth } from '../@types/global'; import type { ProjectionSpecification } from 'maplibre-gl'; import 'maplibre-gl/dist/maplibre-gl.css'; interface Props { /** Title of the map as a string or a custom snippet. */ title?: string | Snippet; /** Description of the map, passed in as a markdown string. */ description?: string; /** * Notes to the map, passed in as a markdown string or a custom snippet. */ notes?: string | Snippet; /** * Map container id */ id?: string; /** * Map center coordinates [longitude, latitude] */ center?: [number, number]; /** * Initial zoom level */ zoom?: number; /** * Minimum zoom level */ minZoom?: number; /** * Maximum zoom level */ maxZoom?: number; /** * Map projection. Use 'globe' for 3D globe view. * See https://maplibre.org/maplibre-style-spec/types/#projectiondefinition */ projection?: ProjectionSpecification; /** * Enable interactive controls (zoom, pan, etc.) */ interactive?: boolean; /** * Map style URL */ styleUrl?: string; /** * Darken the basemap's place labels and give them a strong white halo, so * city/region names stay readable over colored data layers. Applied once on * map load; a no-op on styles without `place` labels (e.g. non-default * `styleUrl`s), so it degrades gracefully. */ emphasizeLabels?: boolean; /** * Map height (default: '500px') */ height?: string; /** Width of the map within the text well. */ width?: ContainerWidth; /** * Set a different width for the text within the text well, for example, * "normal" to keep the title, description and notes inline with the rest * of the text well. Can't ever be wider than `width`. */ textWidth?: ContainerWidth; /** Callback function that receives the map instance when ready */ onMapReady?: (map: maplibregl.Map) => void; /** * Optional content rendered inside the map's `GraphicBlock`, directly above * the map. Use it to share a single block — with one title and the standard * spacing — between the map and an accompanying element such as a `Legend`. */ legend?: Snippet; /** Child components (e.g., TileMapLayer) */ children?: Snippet; } /** * A MapLibre/PMTiles vector map (in a GraphicBlock) with configurable centre, zoom, projection and style; provides context for child layers and callouts. * * [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-graphics-tilemap--docs) */ declare const TileMap: import("svelte").Component; type TileMap = ReturnType; export default TileMap;