PHPackages                             jonnitto/googlemaps - 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. jonnitto/googlemaps

ActiveNeos-plugin[Utility & Helpers](/categories/utility)

jonnitto/googlemaps
===================

Google Maps as Content Element

v4.0.0(4y ago)47.3k—0%3[1 PRs](https://github.com/jonnitto/Jonnitto.GoogleMaps/pulls)GPL-3.0JavaScript

Since Mar 28Pushed 2y ago3 watchersCompare

[ Source](https://github.com/jonnitto/Jonnitto.GoogleMaps)[ Packagist](https://packagist.org/packages/jonnitto/googlemaps)[ Docs](https://github.com/jonnitto/Jonnitto.GoogleMaps)[ Fund](https://www.paypal.me/Jonnitto/20eur)[ GitHub Sponsors](https://github.com/jonnitto)[ RSS](/packages/jonnitto-googlemaps/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (3)Versions (31)Used By (0)

[![Latest Stable Version](https://camo.githubusercontent.com/88b4b9b4402fb337e2ffdd4f22587ae2f7913436c99caf33aa1011af003f44ec/68747470733a2f2f706f7365722e707567782e6f72672f6a6f6e6e6974746f2f676f6f676c656d6170732f762f737461626c65)](https://packagist.org/packages/jonnitto/googlemaps)[![Total Downloads](https://camo.githubusercontent.com/da4145b691086c01973acdb0a5aef045f95ed77b49fa6b6366e9a453afa8bdcc/68747470733a2f2f706f7365722e707567782e6f72672f6a6f6e6e6974746f2f676f6f676c656d6170732f646f776e6c6f616473)](https://packagist.org/packages/jonnitto/googlemaps)[![License](https://camo.githubusercontent.com/1e8212ffc38ed8280272c2aa9cd84017f88b46b495dd67dd2b382fcaed6c10d4/68747470733a2f2f706f7365722e707567782e6f72672f6a6f6e6e6974746f2f676f6f676c656d6170732f6c6963656e7365)](LICENSE)[![GitHub forks](https://camo.githubusercontent.com/de3a439d035b2db9d896dd04034a03e42c8840adefe4ea4001eaa6264ad601f1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f6a6f6e6e6974746f2f4a6f6e6e6974746f2e476f6f676c654d6170732e7376673f7374796c653d736f6369616c266c6162656c3d466f726b)](https://github.com/jonnitto/Jonnitto.GoogleMaps/fork)[![GitHub stars](https://camo.githubusercontent.com/8d2cfcb81ae808bd1f6c4c150db2007a62dcf8916b5eec6d8e488f0f2048c1d1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f6a6f6e6e6974746f2f4a6f6e6e6974746f2e476f6f676c654d6170732e7376673f7374796c653d736f6369616c266c6162656c3d5374617273)](https://github.com/jonnitto/Jonnitto.GoogleMaps/stargazers)[![GitHub watchers](https://camo.githubusercontent.com/0e46d31586049a8084934606a32a268ad05cdd17ab070fa915a896aeddf7abf0/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f77617463686572732f6a6f6e6e6974746f2f4a6f6e6e6974746f2e476f6f676c654d6170732e7376673f7374796c653d736f6369616c266c6162656c3d5761746368)](https://github.com/jonnitto/Jonnitto.GoogleMaps/subscription)[![GitHub followers](https://camo.githubusercontent.com/d6a5c27d7c6c05ecc3a033972dd1c1d6e88610dc4495d29b74681b0dfe391eb5/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f6c6c6f776572732f6a6f6e6e6974746f2e7376673f7374796c653d736f6369616c266c6162656c3d466f6c6c6f77)](https://github.com/jonnitto/followers)[![Follow Jon on Twitter](https://camo.githubusercontent.com/a5d40acbfdb781560e282476df7895f40f8b10783e6b1b9058900bd601d5d2a8/68747470733a2f2f696d672e736869656c64732e696f2f747769747465722f666f6c6c6f772f6a6f6e6e6974746f2e7376673f7374796c653d736f6369616c266c6162656c3d466f6c6c6f77)](https://twitter.com/jonnitto)

Jonnitto.GoogleMaps Package for Neos CMS
========================================

[](#jonnittogooglemaps-package-for-neos-cms)

With this package you can include Google Maps and / or Streetview and even Static Maps in a simple way into [Neos CMS](https://www.neos.io). Contributions are very welcome!

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

[](#installation)

Most of the time you have to make small adjustments to a package (e.g. configuration in Settings.yaml). Because of that, it is important to add the corresponding package to the composer from your theme package. Mostly this is the site packages located under Packages/Sites/. To install it correctly go to your theme package (e.g.Packages/Sites/Foo.Bar) and run following command:

```
composer require jonnitto/googlemaps --no-update
```

The --no-update command prevent the automatic update of the dependencies. After the package was added to your theme composer.json, go back to the root of the Neos installation and run composer update. Et voilà! Your desired package is now installed correctly.

Google API
----------

[](#google-api)

You'll need at least an API Key from Google, and if you want to use Static Maps, you need also a signing secret. [Read here how to get these keys](https://developers.google.com/maps/documentation/maps-static/get-api-key)
You will need following APIs:

- [Geocoding API](https://developers.google.com/maps/documentation/geocoding)
- [Maps JavaScript API](https://developers.google.com/maps/documentation/javascript/)
- For static maps you'll also need the [Maps Static API Go to Console ](https://developers.google.com/maps/documentation/maps-static/)

Modification
------------

[](#modification)

- To set the options, use the global variable `GoogleMapsOptions`
- To set the marker pin, use the global variable `GoogleMapsPin`
- To include functions, use `GoogleMapsFunction`

In the Javscript of the package, following code gets executed:

```
if (typeof GoogleMapsPin === "string") {
    marker.icon = GoogleMapsPin;
} else if (typeof GoogleMapsPin === "object") {
    extend(marker, GoogleMapsPin);
}

if (typeof GoogleMapsFunction === "function") {
    GoogleMapsFunction();
}

if (typeof GoogleMapsOptions === "object") {
    extend(object.Map.options, GoogleMapsOptions);
}

if (typeof GoogleStreetviewOptions === "object") {
    extend(object.Streetview.options, GoogleStreetviewOptions);
}
```

Like that, you can do almost everything with the map.

### Example: Custom pin

[](#example-custom-pin)

```
window.GoogleMapsFunction () => {
    window.GoogleMapsPin = {
        icon: {
            url: '/YOUR/PATH/TO/THE/MapPin.png',
            anchor: new google.maps.Point(10, 50),
            scaledSize: new google.maps.Size(22, 40)
        }
    };
}
```

or

```
window.GoogleMapsPin = '/YOUR/PATH/TO/THE/MapPin.png';
```

### Example: Custom map options

[](#example-custom-map-options)

```
window.GoogleMapsOptions = {
    streetViewControl: false,
    mapTypeControl: false,
    scrollwheel: false,
    styles: [
        {
            "elementType": "geometry",
            "stylers": [
                {
                    "color": "#f5f5f5"
                }
            ]
        }
    ]
};
```

###  Health Score

38

—

LowBetter than 85% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity28

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity74

Established project with proven stability

 Bus Factor1

Top contributor holds 90.3% 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 ~78 days

Recently: every ~185 days

Total

29

Last Release

1504d ago

Major Versions

2.2.x-dev → v3.0.02017-01-30

3.4.1 → v4.0.02022-04-05

### Community

Maintainers

![](https://www.gravatar.com/avatar/5fec51ac160a110a31a72a54ac29e276a447d8306205a052d35491ac9cf0589b?d=identicon)[jonnitto](/maintainers/jonnitto)

---

Top Contributors

[![jonnitto](https://avatars.githubusercontent.com/u/4510166?v=4)](https://github.com/jonnitto "jonnitto (130 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (12 commits)")[![daniellienert](https://avatars.githubusercontent.com/u/642226?v=4)](https://github.com/daniellienert "daniellienert (1 commits)")[![iseries](https://avatars.githubusercontent.com/u/6272363?v=4)](https://github.com/iseries "iseries (1 commits)")

---

Tags

google-mapsneoscmsnodetypestreetviewmapgooglemapsflowNeoscontentelement

### Embed Badge

![Health badge](/badges/jonnitto-googlemaps/health.svg)

```
[![Health](https://phpackages.com/badges/jonnitto-googlemaps/health.svg)](https://phpackages.com/packages/jonnitto-googlemaps)
```

###  Alternatives

[shel/neos-colorpicker

A plugin for Neos CMS which provides a colorpicker editor

1494.4k6](/packages/shel-neos-colorpicker)[shel/neos-hyphens

A plugin for Neos CMS which provides hyphens for the inline editor

20200.7k1](/packages/shel-neos-hyphens)[techdivision/ckstyles

Neos package which enables you adding your custom style classes for the CkEditor with a simple Yaml configuration

21166.3k](/packages/techdivision-ckstyles)[moc/notfound

Neos CMS package that loads a normal editable page for displaying a 404 error

18167.5k](/packages/moc-notfound)[carbon/includeassets

Include your assets (css, js) in an easy way into Neos

14228.6k10](/packages/carbon-includeassets)[moc/synchronizeurl

Neos CMS package that keep page titles and URLs in sync by updating the URL every time the title changes

106.3k](/packages/moc-synchronizeurl)

PHPackages © 2026

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