where-am-i

Where the camper roughly was, some time ago. The map does not zoom in past region scale, and there is no timestamp, on purpose.

Embed it

One script tag, one element. Nothing else but the marker image is fetched from this origin.

<script defer src="https://otto.example.com/otto-map.js"></script>
<otto-map vehicle="otto"></otto-map>

Attributes

Attribute	Default
`vehicle`	`otto`	Slug to display.
`api`	script origin	Where the API lives, if not the origin serving this file.
`map-style`	`liberty`	`liberty`, `bright`, `positron`, or a style URL.
`interactive`	`true`	`false` freezes the map.

Styling

Size it with CSS; tune it with custom properties.

otto-map {
  height: 320px;
  --otto-accent: #e0562d;  /* default marker colour */
  --otto-marker-size: 56px;
  --otto-radius: 12px;
  --otto-surface: #fff;    /* caption and placeholder background */
}