Laravel Map Component

Pro

An embedded map — OpenStreetMap, Google Maps, or a URL of your own — with the address written beside it.

A Map built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default and dark-mode ready. Aura's solid-background and border colours are contrast-tested against WCAG 2.1 AA/UI in CI, in both themes — see what's covered. Drop it in with a single Blade tag: <x-aura::map>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

The Map is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →

Usage

<x-aura::map :latitude="45.6495" :longitude="13.7768" address="Piazza Unità, Trieste" />

See the full API, props and live examples in the Map documentation.

Overview

<x-aura::map> embeds a map of a point and writes the address next to it.

Props

Prop	Type	Default	Description
`latitude` / `longitude`	`float\|null`	`null`	Without both, a plain notice is shown instead.
`zoom`	`int`	`14`	1 to 20.
`provider`	`string\|null`	`null`	`osm`, `google`, `custom`. Falls back to the config value.
`embedUrl`	`string\|null`	`null`	Used when `provider` is `custom`. Sanitised.
`apiKey`	`string\|null`	`null`	Overrides the configured Google key for this one map.
`address`	`string\|null`	`null`	Written under the map.
`label`	`string\|null`	`null`	Names the frame.
`height`	`string`	`'360px'`	Sanitised.