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.

v4.0.0(3mo ago)368.2k↑161.8%5MITPHPPHP ^8.1CI passing

Since Jul 3Pushed 3mo 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 2d ago

READMEChangelog (6)Dependencies (18)Versions (8)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

50

—

FairBetter than 95% of packages

Maintenance82

Actively maintained with recent releases

Popularity37

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity54

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 98% 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 ~127 days

Recently: every ~159 days

Total

6

Last Release

93d ago

Major Versions

v3.1.0 → v4.0.02026-04-01

### 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 (49 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

[ysfkaya/filament-phone-input

A phone input component for Laravel Filament

3161.3M25](/packages/ysfkaya-filament-phone-input)[rawilk/profile-filament-plugin

Profile & MFA starter kit for filament.

3914.6k](/packages/rawilk-profile-filament-plugin)[codewithdennis/filament-select-tree

The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths.

329530.5k29](/packages/codewithdennis-filament-select-tree)[dotswan/filament-map-picker

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

128192.3k3](/packages/dotswan-filament-map-picker)[stephenjude/filament-feature-flags

Filament implementation of feature flags and segmentation with Laravel Pennant.

122177.8k1](/packages/stephenjude-filament-feature-flags)[marcelweidum/filament-passkeys

Use passkeys in your filamentphp app

6649.5k1](/packages/marcelweidum-filament-passkeys)

PHPackages © 2026

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