ttree / googlemapeditor
Google Map Inspector Editors for Neos CMS
Installs: 4 790
Dependents: 0
Suggesters: 0
Security: 0
Stars: 13
Watchers: 5
Forks: 9
Open Issues: 14
Language:JavaScript
Type:neos-package
Requires
- neos/neos-ui: ^1.0.4 || ^2.0 || ^3.0 || ^4.0 || ^5.0
- dev-master
- 1.1.2
- 1.1.1
- 1.1.0
- 1.0.2
- 1.0.1
- 1.0.0
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/decode-uri-component-0.2.2
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/loader-utils-1.4.2
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/shell-quote-1.7.3
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/async-2.6.4
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/mout-1.2.3
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/path-parse-1.0.7
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/tar-2.2.2
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/set-getter-0.1.1
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/merge-1.2.1
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/hosted-git-info-2.8.9
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/lodash-4.17.21
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/ua-parser-js-0.7.28
- dev-dependabot/npm_and_yarn/Resources/Private/GeoPointEditor/y18n-3.2.2
This package is auto-updated.
Last update: 2024-10-30 02:21:31 UTC
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.