Render a map

This is the smallest map that works: one client, one terrain, one camera. Reach for it when a page needs the canvas and nothing over it yet.

import { Mountaya } from "@mountaya/client/browser";
import { MapView } from "@mountaya/elements-react";

const client = new Mountaya({ credential: { publishableKey: "pk_live_…" } });

export const Trailhead = () => (
  <div style={{ height: 420, position: "relative" }}>
    <MapView center={[6.87, 45.85]} client={client} terrain="topo" zoom={12} />
  </div>
);

terrain names a slug from the layers manifest, so the catalogue stays the one source for base maps.

Next steps

Add the control stack

Zoom, compass, geolocation, and the panels.

Maps

Every option the map takes at construction.