PHPackages                             batistackapp/filament-map-picker - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. batistackapp/filament-map-picker

ActiveLibrary

batistackapp/filament-map-picker
================================

A Leaflet / OpenStreetMap map picker field for Filament v5.

1.0.0(yesterday)014↑542.9%MITBladePHP ^8.2

Since Apr 6Pushed yesterdayCompare

[ Source](https://github.com/BatistackApp/filament-map-picker)[ Packagist](https://packagist.org/packages/batistackapp/filament-map-picker)[ RSS](/packages/batistackapp-filament-map-picker/feed)WikiDiscussions main Synced today

READMEChangelog (1)Dependencies (4)Versions (2)Used By (0)

Filament Map Picker (Leaflet + OpenStreetMap)
=============================================

[](#filament-map-picker-leaflet--openstreetmap)

A simple, polished **Filament v5** map picker field built on **Leaflet + OpenStreetMap** (free services only).

Screenshots
-----------

[](#screenshots)

### Light Mode — Search &amp; Suggestions

[](#light-mode--search--suggestions)

[![Light mode](resources/screenshots/map-picker-light-search.png)](resources/screenshots/map-picker-light-search.png)

### Dark Mode — Controls &amp; Theme Matching

[](#dark-mode--controls--theme-matching)

[![Dark mode](resources/screenshots/map-picker-dark.png)](resources/screenshots/map-picker-dark.png)

Goals (v1)
----------

[](#goals-v1)

- Fast to install, no API keys required
- Great UX: search, collapsible search, my-location, reset, fullscreen, zoom buttons
- Dark / light theme compatible
- RTL-friendly search input (`dir="auto"`)
- SPA-safe (cleans up on Filament/Livewire navigation)

Non-goals (v1)
--------------

[](#non-goals-v1)

- Paid providers (Google / Mapbox)
- Drawing tools (polygons, GeoJSON, etc.)

Requirements
------------

[](#requirements)

- PHP `^8.2`
- Laravel `^11` or `^12`
- Filament `^5`

Installation
------------

[](#installation)

```
composer require salemaljebaly/filament-map-picker
```

Publish config (optional):

```
php artisan vendor:publish --tag=filament-map-picker-config
```

Basic Usage (Form)
------------------

[](#basic-usage-form)

This component writes to your latitude/longitude fields. Keep the map field itself non-dehydrated.

```
use Filament\Forms;
use SalemAljebaly\FilamentMapPicker\MapPicker;

Forms\Components\Hidden::make('latitude')->rules(['nullable', 'numeric']),
Forms\Components\Hidden::make('longitude')->rules(['nullable', 'numeric']),

MapPicker::make('location')
    ->label('Location')
    ->latlngFields('latitude', 'longitude')
    ->searchable()
    ->collapsibleSearch()
    ->draggable()
    ->height(320),
```

Usage (Infolist / View)
-----------------------

[](#usage-infolist--view)

```
use SalemAljebaly\FilamentMapPicker\MapView;

MapView::make('location')
    ->label('Location')
    ->latlngFields('latitude', 'longitude')
    ->height(240),
```

Configuration
-------------

[](#configuration)

Defaults live in `config/filament-map-picker.php`.

Common options:

- `default_location.lat`, `default_location.lng`
- `default_zoom`
- `height`
- `marker.color`, `marker.draggable`
- `auto_dark_mode`
- `tile_provider` (`osm`, `cartodb_light`, `cartodb_dark`)
- `controls.my_location`, `controls.fullscreen`, `controls.reset`
- `control_position` (`topleft`, `topright`, `bottomleft`, `bottomright`)
- `search.enabled`, `search.collapsible`, `search.throttle_ms`, `search.min_length`, `search.limit`
- `search.nominatim.email` (env: `NOMINATIM_EMAIL`)

Customizing Icons
-----------------

[](#customizing-icons)

Icons are Blade views under:

- `resources/views/icons/*.blade.php`

To override icons in your app, create matching files here:

- `resources/views/vendor/filament-map-picker/icons/*.blade.php`

For consistent theming, make sure your SVGs use `stroke="currentColor"` / `fill="currentColor"` instead of hard-coded colors.

Geolocation Notes
-----------------

[](#geolocation-notes)

The browser geolocation API requires HTTPS (except `localhost`). If it fails, it’s usually due to:

- Permission denied in the browser
- Non-HTTPS site
- Location services disabled (OS / browser)

Nominatim (Search) Notes
------------------------

[](#nominatim-search-notes)

Nominatim has usage policies and rate limits. Browser requests can’t reliably set a custom `User-Agent` header.

If you expect heavy usage, proxy geocoding through your backend. For light usage, configure:

```
NOMINATIM_EMAIL="you@example.com"
```

###  Health Score

42

—

FairBetter than 89% of packages

Maintenance100

Actively maintained with recent releases

Popularity8

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity45

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 66.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

1d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/2837bbbc36d8550567dadcfe1eaf3170ba56aa68debfb65082043799d55c5eee?d=identicon)[vortechstudio](/maintainers/vortechstudio)

---

Top Contributors

[![salemaljebaly](https://avatars.githubusercontent.com/u/56629923?v=4)](https://github.com/salemaljebaly "salemaljebaly (4 commits)")[![vortechstudio](https://avatars.githubusercontent.com/u/155325740?v=4)](https://github.com/vortechstudio "vortechstudio (2 commits)")

---

Tags

laravelmapleafletpickerfilamentOpenStreetMap

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/batistackapp-filament-map-picker/health.svg)

```
[![Health](https://phpackages.com/badges/batistackapp-filament-map-picker/health.svg)](https://phpackages.com/packages/batistackapp-filament-map-picker)
```

###  Alternatives

[bezhansalleh/filament-shield

Filament support for `spatie/laravel-permission`.

2.8k2.9M88](/packages/bezhansalleh-filament-shield)[andrewdwallo/filament-companies

A comprehensive Laravel authentication and authorization system designed for Filament, focusing on multi-tenant company management.

34450.0k2](/packages/andrewdwallo-filament-companies)[codewithdennis/filament-simple-map

This package offers a straightforward and easy-to-use map action component for your Filament application.

365.8k](/packages/codewithdennis-filament-simple-map)[a2insights/filament-saas

Filament Saas for A2Insights

161.1k](/packages/a2insights-filament-saas)[mohamedsabil83/filament-hijri-picker

A Hijri date time picker component for Filament

224.4k](/packages/mohamedsabil83-filament-hijri-picker)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
