# mapLayerChange

CustomEvent.detail type: GeoMapLayerChangeEventDetail. Event names are case-sensitive.

Canonical: https://chart.syidax.com/docs/events/mapLayerChange/

<a id="definition"></a>

## Definition

Event name: `mapLayerChange`. Names are case-sensitive. Read the payload from `detail` on `CustomEvent<GeoMapLayerChangeEventDetail>`.

```javascript
chart.addEventListener('mapLayerChange', event => {
  console.log(event.detail); // GeoMapLayerChangeEventDetail
});
```

- [GeoMapLayerChangeEventDetail](https://chart.syidax.com/docs/types/GeoMapLayerChangeEventDetail.md) — Type definition

<a id="related"></a>

## Related charts

- [sy-geo-map](https://chart.syidax.com/docs/components/geo-map.md#event-mapLayerChange)
- [sy-flow-lines](https://chart.syidax.com/docs/components/flow-lines.md#event-mapLayerChange)