Function HonuaMap

HonuaMap(props: HonuaMapProps): ReactNode

Render a Honua-composed MapLibre map.

Parameters

props: HonuaMapProps

Returns ReactNode

Example

<HonuaMap package={mapPackage} style={{ height: 480 }}>
  <HonuaLayer layer={{ id: "sites", type: "circle", source: "sites", paint: { "circle-radius": 6 } }}
              source={{ id: "sites", spec: { type: "geojson", data: sitesGeoJson } }} />
  <HonuaPopup layer="sites" binding={{ sourceId: "sites", title: "Site" }} />
</HonuaMap>