# react-maplibre

**Repository Path**: mirrors_visgl/react-maplibre

## Basic Information

- **Project Name**: react-maplibre
- **Description**: React wrapper for Maplibre GL JS
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-10-09
- **Last Updated**: 2026-04-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

> The source code of this module has been consolidated into the [react-map-gl](https://github.com/visgl/react-map-gl) repo, where the latest release are published from. Please report issues and open PRs there.

<h1 align="center">react-maplibre | <a href="https://visgl.github.io/react-maplibre">Docs</a></h1>

`@vis.gl/react-maplibre` is a suite of [React](http://facebook.github.io/react/) components designed to provide a React API for [maplibre-gl](https://maplibre.org/maplibre-gl-js-docs/api/). More information in the online documentation.

See our [Design Philosophy](docs/README.md#design-philosophy).

### Installation

Using this package requires `react >= 16.3` and `maplibre-gl >= 4.0.0`.

```sh
npm install @vis.gl/react-maplibre maplibre-gl
```

### Example

```js
import * as React from 'react';
import {Map} from '@vis.gl/react-maplibre';
import 'maplibre-gl/dist/maplibre-gl.css';

function App() {
  return <Map
    initialViewState={{
      longitude: -100,
      latitude: 40,
      zoom: 3.5
    }}
    style={{width: 600, height: 400}}
    mapStyle="https://demotiles.maplibre.org/style.json"
  />;
}
```

### Contribute

See [contribution guide](/CONTRIBUTING.md).


### Attributions

react-maplibre is part of vis.gl, an [OpenJS Foundation](https://openjsf.org) project.