ttree/googlemapeditor

Neos CMS 的 Google 地图检查器编辑器

安装次数: 4,788

依赖关系: 0

建议者: 0

安全性: 0

星级: 13

关注者: 5

分支: 9

开放问题: 14

语言:JavaScript

类型:neos-package


README

此包提供 Neos CMS 检查器编辑器,用于从 Google 地图中选择地理坐标。

配置

您需要配置您的 API 密钥,请参阅下方的 editorOptions.key。需要 defaultPosition 以显示初始标记。

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

mapDefaultOptions 接受来自 react-google-mapsGoogleMap 组件的所有选项。因此,您可以全局或针对每个节点属性进行样式覆盖,请参阅下方的节点属性配置。

使用方法

默认配置相对简单

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

提示:不要禁用 fullscreenControl,编辑器在全屏模式下工作正常。

对于编辑器的每个实例,您还可以自定义默认的 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

鸣谢

visolttree ltd - neos solution provider 赞助开发。

我们尽力以大量的爱心制作此包,我们欢迎赞助、支持请求等,请与我们联系。

许可证

MIT 许可证(MIT)。有关更多信息,请参阅 LICENSE