ttree/googlemapeditor

Google Map Inspector Editors for Neos CMS

Installs: 4 799

Dependents: 0

Suggesters: 0

Security: 0

Stars: 13

Watchers: 5

Forks: 9

Open Issues: 14

Language:JavaScript

Type:neos-package


README

This package provides a Neos CMS Inspector Editor to select geo coordinates from a Google Map.

Configuration

You need to configure your API key, see the editorOptions.key bellow. defaultPosition is required to see the initial marker.

Neos:
  Neos:
    userInterface:
      inspector:
        dataTypes:
          Ttree\GoogleMapEditor\GeoPoint:
            editorOptions:
              url: https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=geometry,drawing,places
              key: use-a-valid-google-map-api-key
              defaultPosition: [-34.397, 150.644]
              defaultZoom: 8
              search: true
              searchPlaceholder: 'Enter address to search'
              defaultSearchTerm: 'Vienna'
              mapDefaultOptions:
                scrollwheel: false
                navigationControl: false
                mapTypeControl: false
                streetViewControl: false
                draggableCursor: default
                draggingCursor: pointer

The mapDefaultOptions accept any option accepted by the GoogleMap component from react-google-maps. So you can be fancy and override the provided styles globaly or for each node property, see bellow for the node property configuration.

Usage

The default configuration is quiet slim:

'Your.Package:Map':
  properties:
    geopoint:
      type: Ttree\GoogleMapEditor\GeoPoint

Tips: Don't disable the fullscreenControl, the editor work fine in full screen mode.

For each instance of the editor, you can also customize the default editorOptions:

'Your.Package:Map':
  properties:
    geopoint:
      type: Ttree\GoogleMapEditor\GeoPoint
      ui:
        inspector:
          editorOptions:
            defaultPosition: [-34.397, 150.644]
            defaultZoom: 14
            mapDefaultOptions:
                streetViewControl: true
                styles:
                  - featureType: all
                    elementType: geometry.fill
                    stylers:
                      - weight: 2.00

Acknowledgments

Development sponsored by visol & ttree ltd - neos solution provider.

We try our best to craft this package with a lots of love, we are open to sponsoring, support request, ... just contact us.

License

The MIT License (MIT). Please see LICENSE for more information.