PHPackages                             codewithdennis/filament-simple-map - 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. [Utility & Helpers](/categories/utility)
4. /
5. codewithdennis/filament-simple-map

ActiveLibrary[Utility & Helpers](/categories/utility)

codewithdennis/filament-simple-map
==================================

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

v3.1.0(8mo ago)365.8k↓25%5MITPHPPHP ^8.1CI passing

Since Jul 3Pushed 8mo ago1 watchersCompare

[ Source](https://github.com/CodeWithDennis/filament-simple-map)[ Packagist](https://packagist.org/packages/codewithdennis/filament-simple-map)[ Docs](https://github.com/codewithdennis/filament-simple-map)[ RSS](/packages/codewithdennis-filament-simple-map/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (5)Dependencies (9)Versions (6)Used By (0)

Filament Simple Map
===================

[](#filament-simple-map)

[![Latest Version on Packagist](https://camo.githubusercontent.com/ae9d455f5ffabca769306fa72625a97c57fd450ad5917d568ce8b13991bf12df/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f636f64657769746864656e6e69732f66696c616d656e742d73696d706c652d6d61702e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/codewithdennis/filament-simple-map)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/52d0ed3bbec025fcebb40e05d337669aea32864121ab5b26715b9ed954ef4e08/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f636f64657769746864656e6e69732f66696c616d656e742d73696d706c652d6d61702f70696e742e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/codewithdennis/filament-simple-map/actions?query=workflow%3A%22Fix+PHP+code+styling%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/48d80d0f27ebb81b372a269386be966b69a236d0a22ec24f86dbe7810585e12c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f636f64657769746864656e6e69732f66696c616d656e742d73696d706c652d6d61702e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/codewithdennis/filament-simple-map)

This package provides a **simple** and user-friendly map display action component for your Filament application. It utilizes an iframe to render the map, ensuring seamless integration. Ensure you have a [Google Maps API](https://developers.google.com/maps/documentation/javascript/get-api-key)key to use this package.

[![thumbnail.png](https://raw.githubusercontent.com/CodeWithDennis/filament-simple-map/main/resources/images/thumbnail.png)](https://raw.githubusercontent.com/CodeWithDennis/filament-simple-map/main/resources/images/thumbnail.png)

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

[](#installation)

You can install the package via composer:

```
composer require codewithdennis/filament-simple-map
```

You can publish the config file with:

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

This is the contents of the published config file:

```
return [
    'google_maps_embed_api_key' => env('GOOGLE_MAPS_EMBED_API_KEY'),
];
```

Usage
-----

[](#usage)

This package supports the following Google Maps modes `place`, `view`, `streetview`, `search` and `directions`. The default mode is `place`. You can use it for Table Actions, Infolists, Forms, and regular actions. Just make sure you import the right component.

### Place

[](#place)

Methods that are available with the default **place** mode.

Defines map marker location.

```
->address('City Hall, New York, NY')
```

Defines center of the map view.

```
->center('37.4218,-122.0840')
```

Sets initial zoom level of the map.

```
->zoom(10) // 0 to 21
```

Sets the map to satellite view. (default: roadmap)

```
->satellite()
```

Defines the language to use for UI elements and for the display of labels on map tiles.

```
->language('en')
```

Defines the appropriate borders and labels to display, based on geopolitical sensitivities.

```
->region('en')
```

Here is an example of how to use the **place** mode.

```
Forms\Components\TextInput::make('address')
    ->required()
    ->maxLength(255)
    ->suffixAction(
        SimpleMap::make('showMap')
            ->icon('heroicon-o-map')
            ->address('City Hall, New York, NY')
            ->center('37.4218,-122.0840')
            ->zoom(10)
            ->satellite()
            ->language('en')
            ->region('US'),
    ),
```

### View

[](#view)

To use the **view** mode, you need to call the `viewing` method.

Sets the map to viewing mode.

```
->viewing()
```

Defines center of the map view.

```
->center('-33.8569,151.2152')
```

Sets initial zoom level of the map.

```
->zoom(10) // 0 to 21
```

Sets the map to satellite view. (default: roadmap)

```
->satellite()
```

Here is an example of how to use the `view` mode.

```
Forms\Components\TextInput::make('address')
    ->required()
    ->maxLength(255)
    ->suffixAction(
        SimpleMap::make('showMap')
            ->viewing()
            ->center('-33.8569,151.2152')
            ->zoom(10)
            ->satellite()
    ),
```

### Directions

[](#directions)

To use the **directions** mode, you need to call the `directions` method.

Defines the starting point for calculating directions.

```
->origin('Amsterdam, Netherlands')
```

Defines the destination point for calculating directions.

```
->destination('Rotterdam, Netherlands')
```

Specifies one or more intermediary places to route directions between the origin and destination.

```
->waypoints([
    'Utrecht, Netherlands',
    'Den Haag, Netherlands'
])
```

Specifies features to avoid in directions. Note that this doesn't preclude routes that include the restricted feature(s); it biases the result to more favorable routes.

```
->avoid([
    'tolls',
    'highways',
    'ferries'
])
```

Sets the mode of transport to flying.

```
->flying()
```

Sets the mode of transport to walking.

```
->walking()
```

Sets the mode of transport to bicycling.

```
->bicycling()
```

Sets the mode of transport to transit.

```
->transit()
```

Sets the mode of transport to driving.

```
->driving()
```

Sets the unit system to imperial. (default: metric)

```
->imperial()
```

Defines center of the map view.

```
->center('52.3676,4.9041')
```

Sets the map to satellite view. (default: roadmap)

```
->satellite()
```

Defines the language to use for UI elements and for the display of labels on map tiles.

```
->language('nl')
```

Defines the appropriate borders and labels to display, based on geopolitical sensitivities.

```
->region('nl')
```

Here is an example of how to use the **directions** mode.

```
Forms\Components\TextInput::make('address')
    ->required()
    ->maxLength(255)
    ->suffixAction(
        SimpleMap::make('showMap')
            ->directions()
            ->origin('Amsterdam, Netherlands')
            ->destination('Rotterdam, Netherlands')
            ->walking()
            ->imperial()
            ->satellite()
            ->language('nl')
    ),
```

### Streetview

[](#streetview)

To use the **streetview** mode, you need to call the `streetview` method.

Defines the location to display street view.

```
->location('52.3676,4.9041')
```

Indicates the compass heading of the camera in degrees clockwise from North.

```
->heading(0) // -180 to 360
```

Specifies the angle, up or down, of the camera.

```
->pitch(0) // -90 to 90
```

Determines the horizontal field of view of the image.

```
->fov(100) // 10 to 100
```

Defines center of the map view.

```
->center('52.3676,4.9041')
```

Sets initial zoom level of the map.

```
->zoom(10) // 0 to 21
```

Defines the language to use for UI elements and for the display of labels on map tiles.

```
->language('nl')
```

Defines the appropriate borders and labels to display, based on geopolitical sensitivities.

```
->region('nl')
```

### Search

[](#search)

To use the **search** mode, you need to call the `search` method.

Defines the search term.

```
->query('restaurants near Amsterdam, Netherlands')
```

Defines center of the map view.

```
->center('52.3676,4.9041')
```

Sets initial zoom level of the map.

```
->zoom(10) // 0 to 21
```

Sets the map to satellite view. (default: roadmap)

```
->satellite()
```

Defines the language to use for UI elements and for the display of labels on map tiles.

```
->language('nl')
```

Defines the appropriate borders and labels to display, based on geopolitical sensitivities.

```
->region('nl')
```

Here is an example of how to use the **search** mode.

```
Forms\Components\TextInput::make('address')
    ->required()
    ->maxLength(255)
    ->suffixAction(
       SimpleMap::make()
            ->search()
            ->query('restaurants near Amsterdam, Netherlands')
            ->center('52.3676,4.9041')
            ->zoom(10)
    ),
```

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.

Credits
-------

[](#credits)

- [CodeWithDennis](https://github.com/CodeWithDennis)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

42

—

FairBetter than 90% of packages

Maintenance58

Moderate activity, may be stable

Popularity35

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 97.9% 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

Every ~104 days

Total

5

Last Release

267d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6d47a56dfab94e67a7354a146f96a0285c09f6b9d649c558832c6a9b94354b8c?d=identicon)[CodeWithDennis](/maintainers/CodeWithDennis)

---

Top Contributors

[![CodeWithDennis](https://avatars.githubusercontent.com/u/23448484?v=4)](https://github.com/CodeWithDennis "CodeWithDennis (47 commits)")[![jeffersongoncalves](https://avatars.githubusercontent.com/u/411493?v=4)](https://github.com/jeffersongoncalves "jeffersongoncalves (1 commits)")

---

Tags

filamentphpfilamentphp-plugingoogle-mapslaravelmapmapspluginpluginslaravelmapmapsgoogle mapsfilamentfilamentphpCodeWithDennisfilament-simple-map

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/codewithdennis-filament-simple-map/health.svg)

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

###  Alternatives

[dotswan/filament-map-picker

Easily pick and retrieve geo-coordinates using a map-based interface in your Filament applications.

124139.3k2](/packages/dotswan-filament-map-picker)[jibaymcs/filament-tour

Bring the power of DriverJs to your Filament panels and start a tour !

12247.8k](/packages/jibaymcs-filament-tour)[defstudio/filament-searchable-input

A searchable autocomplete input for Filament forms

3212.4k](/packages/defstudio-filament-searchable-input)[agencetwogether/hookshelper

Simple plugin to toggle display hooks available in current page.

2312.7k](/packages/agencetwogether-hookshelper)[aymanalhattami/filament-context-menu

context menu (right click menu) for filament

9838.0k](/packages/aymanalhattami-filament-context-menu)[fahiem/filament-pinpoint

Google Maps location picker component for Filament 4 & 5 with search, draggable marker, and reverse geocoding

136.5k](/packages/fahiem-filament-pinpoint)

PHPackages © 2026

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