PHPackages                             imumz/nova-map-card - 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. imumz/nova-map-card

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

imumz/nova-map-card
===================

A Laravel Nova card.

1.0(5y ago)58.3k↓21.9%3[2 issues](https://github.com/iMuMz/NovaMapCard/issues)[1 PRs](https://github.com/iMuMz/NovaMapCard/pulls)MITVuePHP >=7.1.0

Since Dec 14Pushed 3y ago1 watchersCompare

[ Source](https://github.com/iMuMz/NovaMapCard)[ Packagist](https://packagist.org/packages/imumz/nova-map-card)[ RSS](/packages/imumz-nova-map-card/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)DependenciesVersions (2)Used By (0)

[![](https://camo.githubusercontent.com/096a9744f023c100c7e10fd8570d9bf660551d9afb5e24f4bd4caf6d0202b1dd/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f694d754d7a2f4e6f76614d6170436172643f267374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/096a9744f023c100c7e10fd8570d9bf660551d9afb5e24f4bd4caf6d0202b1dd/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f694d754d7a2f4e6f76614d6170436172643f267374796c653d666c61742d737175617265)[![GitHub release (latest by date)](https://camo.githubusercontent.com/5396ebd584a2432e97c0945127617f9edadf7ffb0039769d3b99ea3fca8ed363/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f696d756d7a2f4e6f76614d6170436172643f636f6c6f723d726564267374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/5396ebd584a2432e97c0945127617f9edadf7ffb0039769d3b99ea3fca8ed363/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f696d756d7a2f4e6f76614d6170436172643f636f6c6f723d726564267374796c653d666c61742d737175617265)[![Packagist](https://camo.githubusercontent.com/f531e95bcd7eeb98ceba9d050a211f150e61bb623448cc1d0f5f954eb9107f6a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f696d756d7a2f6e6f76612d6d61702d636172643f636f6c6f723d677265656e266c6f676f3d74657374696e67267374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/f531e95bcd7eeb98ceba9d050a211f150e61bb623448cc1d0f5f954eb9107f6a/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f696d756d7a2f6e6f76612d6d61702d636172643f636f6c6f723d677265656e266c6f676f3d74657374696e67267374796c653d666c61742d737175617265)

NovaMapCard
===========

[](#novamapcard)

Custom [Laravel Nova](https://nova.laravel.com/) map card using [Vue2Leaflet](https://vue2-leaflet.netlify.app/). Supports Google Maps, marker clustering, height, zoom, latitude and longitude coordinates, GeoJSON, marker popup and custom marker icon.

Looking for a Laravel Nova map field? ()

[![image](https://user-images.githubusercontent.com/22936672/102049929-82247100-3dea-11eb-9ec5-3f4adee7bd30.png)](https://user-images.githubusercontent.com/22936672/102049929-82247100-3dea-11eb-9ec5-3f4adee7bd30.png)

### Installation

[](#installation)

```
composer require imumz/nova-map-card

```

### Usage

[](#usage)

```
use Imumz\NovaMapCard\NovaMapCard
...
(new NovaMapCard())->width("1/2")

```

### Available Methods

[](#available-methods)

#### Zoom

[](#zoom)

```
(new NovaMapCard())
->zoom(4)

```

#### Height

[](#height)

```
(new NovaMapCard())
->height('400px') // default is 300px

```

#### Google Maps

[](#google-maps)

By default the provider is OpenStreetMaps.
You must set your Google Maps API key ().

```
(new NovaMapCard())
->googleApiKey('')
->googleMapType('roadmap'), // roadmap, satellite or hybrid

```

#### Latitude / Longitude (Point)

[](#latitude--longitude-point)

The map will automatically center to the coordinates provided.

```
(new NovaMapCard())
->type('LatLon')
->point('-6.081689','145.391881')

```

#### GeoJSON

[](#geojson)

You have to manually set the GeoJson center.

```
(new NovaMapCard())
->type('GeoJson')
->geoJson('')
->center('-6.081689','145.391881')

```

#### GeoJson Example

[](#geojson-example)

```
{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "popup": "I am a Popup"
      },
      "geometry": {
        "type": "Point",
        "coordinates": [
          23.8623046875,
          -30.221101852485987
        ]
      }
    }
  ]
}

```

#### Popup

[](#popup)

```
(new NovaMapCard())
->popupName('popup')

```

#### Custom Marker Icon

[](#custom-marker-icon)

```
(new NovaMapCard())
->mapIconUrl('/images/marker-icon.png')

```

You can now pass additional parameters to set the icon size and anchor

```
->mapIconUrl('/images/marker-icon.png',[100,100],[50,50])

```

[![Screenshot 2020-10-06 at 10 09 14](https://user-images.githubusercontent.com/22936672/102050354-5950ab80-3deb-11eb-8a47-f2b37613c69b.png)](https://user-images.githubusercontent.com/22936672/102050354-5950ab80-3deb-11eb-8a47-f2b37613c69b.png)

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance12

Infrequent updates — may be unmaintained

Popularity31

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

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

1982d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/0eeb120edd255a21c41436897f061b8fad98281efe615b7c5f718735705ef797?d=identicon)[iMuMz](/maintainers/iMuMz)

---

Top Contributors

[![iMuMz](https://avatars.githubusercontent.com/u/22936672?v=4)](https://github.com/iMuMz "iMuMz (7 commits)")

---

Tags

laravelnova

### Embed Badge

![Health badge](/badges/imumz-nova-map-card/health.svg)

```
[![Health](https://phpackages.com/badges/imumz-nova-map-card/health.svg)](https://phpackages.com/packages/imumz-nova-map-card)
```

###  Alternatives

[optimistdigital/nova-multiselect-field

A multiple select field for Laravel Nova.

3403.5M7](/packages/optimistdigital-nova-multiselect-field)[digital-creative/conditional-container

Provides an easy way to conditionally show and hide fields in your Nova resources.

116593.8k4](/packages/digital-creative-conditional-container)[genealabs/laravel-overridable-model

Provide a uniform method of allowing models to be overridden in Laravel.

92398.0k2](/packages/genealabs-laravel-overridable-model)[inspheric/nova-defaultable

Default values for Nova fields when creating resources and running resource actions.

51174.8k1](/packages/inspheric-nova-defaultable)[murdercode/nova4-tinymce-editor

Boost your Laravel Nova with the TinyMCE editor.

17165.2k](/packages/murdercode-nova4-tinymce-editor)[yieldstudio/nova-google-autocomplete

A Laravel Nova Google autocomplete field.

12218.4k](/packages/yieldstudio-nova-google-autocomplete)

PHPackages © 2026

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