nzta/googlemap-leafletfield

Provides a form field type allowing users to draw features on a map, the features are stored as geoJSON objects in a single database field

SilverStripe LeafletField module

Provides a form field type allowing users to draw features on a map, the features are stored as geoJSON objects in a single database field., _(*1)

Installation

$ composer require NZTA/googlemap-leafletfield

Basic Usage

Import the field, _(*2)

use NZTA\LeafletField\LeafletField;

Create a text database field to store the geojson value., _(*3)

public static $db = [
    'Geometry' => 'Text',
];

Create a LeafletField, passing through the object that you want to store the value against., _(*4)

$field = new LeafletField('Geometry', 'Geometry', $this);

Leaflet.draw demo, _(*5)

Field Options

Define default field options through config., _(*6)

NZTA\LeafletField\LeafletField:
  map_options:
    center:
      latitude: "-40.866119"
      longitude: "174.143780"
    zoom: 5
  draw_options:
    polyline:
      shapeOptions:
        color: '#269634'
    polygon:
      allowIntersection: false
      drawError:
        color: '#b00b00'
        timeout: 1000
    rectangle: false
    circle: false

Define custom options for individual field instances (overrides defaults)., _(*7)

$field->setLimit(1); // Limit the amount of objects the field can contain.
$field->setMapOptions([
    'center' => [
        'latitude' => '-40.866119',
        'longitude' => '174.143780'
    ],
    'zoom' => 5
]);
$field->setDrawOptions([
    'polyline' => [
        'shapeOptions' => [
            'color' => '#269634'
        ]
    ],
    'polygon' => [
        'allowIntersection' => false,
        'drawError' => [
            'color' => '#b00b00',
            'timeout' => 1000
        ]
    ],
    'rectangle' => false,
    'circle' => false
]);

The draw options are set using the same structure as Leaflet.draw options., _(*8)

Requirements

• SilverStripe 4.0

Project Links

• GitHub Project Page
• Issue Tracker
• Leaflet
• Leaflet.draw
• GeoJSON