> For the complete documentation index, see [llms.txt](https://docs.fleaflet.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fleaflet.dev/v5/plugins/making-a-plugin/creating-new-layers.md).

# Creating New Layers

Creating a new map layer is just as easy as it is to create a normal `StatelessWidget` or `StatefulWidget`.

Only one method call is needed to 'connect' the widget to the map state: `FlutterMapState.maybeOf()`. This call does two important things:

* Cause the widget/layer to rebuild automatically when required (if in the `build` method)
* Expose the map's internal state, meaning that it's information (such as zoom) can be accessed

You can see an example of how this is done below:

```dart
class CustomLayer extends StatelessWidget {
  const CustomLayer({super.key});

  @override
  Widget build(BuildContext context) {
    final mapState = FlutterMapState.of(context);
    // Use `mapState` as necessary, for example `mapState.zoom`
  }
}
```

{% hint style="warning" %}
Attempting to use the widget above outside of a `FlutterMap` widget will result in an error, due to the usage of `FlutterMapState.of(context)`.

If creating a hybrid widget for usage outside of a layer, use the `maybeOf` method instead.
{% endhint %}