Skip to content

Plugin to display a latitude / longitude grid on flutter_map.

License

Notifications You must be signed in to change notification settings

matthiasdittmer/lat_lon_grid_plugin

Repository files navigation

Pub

lat_lon_grid_plugin

Adds a latitude / longitude grid as plugin to the flutter_map.

Supported flutter_map versions:

  • Supports flutter_map version 3.0.0 (tested in October 2022).
  • Supports flutter_map versions 3.1.0 and 4.0.0 (tested in May 2023).
  • Supports flutter_map version 5.0.0 (tested in June 2023).

Notes for new flutter_map 6.0.0 release:

  • Does not support flutter_map version 6.0.0 yet (tested in October 2023).
  • Migration of plugin to flutter_map 6.0.0 include breaking changes which makes the plugin incompatible with all previous flutter_map versions.
  • Minimal required flutter_map version will move up to 6.0.0.
  • Migration work and testing will be done on a separate branch for now.
  • Migration work does include major changes concerning the rotation logic.
  • With 6.0.0 the rotation logic is broken. The lines and label do not rotate.

Getting Started

Example application under /example/:

screenshot

Usage

dependencies:
  flutter_map: any
  lat_lon_grid_plugin: any

Include the FlutterMap into your widget tree.

  FlutterMap(
    mapController: _mapController,
    options: MapOptions(
      center: LatLng(51.814, -2.170),
      zoom: 6.15,
      rotation: 0.0,
    ),
    children: [
      TileLayer(
        urlTemplate:
            'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
        subdomains: ['a', 'b', 'c'],
      ),
      LatLonGridLayer(
        options: LatLonGridLayerOptions(
          lineWidth: 0.5,
          // apply alpha for grid lines
          lineColor: Color.fromARGB(100, 0, 0, 0),
          labelStyle: TextStyle(
            color: Colors.white,
            backgroundColor: Colors.black,
            fontSize: 12.0,
          ),
          showCardinalDirections: true,
          showCardinalDirectionsAsPrefix: false,
          showLabels: true,
          rotateLonLabels: true,
          placeLabelsOnLines: true,
          offsetLonLabelsBottom: 20.0,
          offsetLatLabelsLeft: 20.0,
        ),
      ),
    ],
  ),

About

Plugin to display a latitude / longitude grid on flutter_map.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published