An open API service indexing awesome lists of open source software.

https://github.com/pyjun01/react-google-map-wrapper

React component library for rendering Google Maps
https://github.com/pyjun01/react-google-map-wrapper

google-map google-map-react google-maps google-maps-api google-maps-javascript react react-google-map react-google-maps

Last synced: about 1 month ago
JSON representation

React component library for rendering Google Maps

Awesome Lists containing this project

README

          

# [React Google Map Wrapper](https://pyjun01.github.io/react-google-map-wrapper/) · [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/pyjun01/react-google-map-wrapper/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/react-google-map-wrapper.svg?style=flat)](https://www.npmjs.com/package/react-google-map-wrapper)

`react-google-map-wrapper` is a React component library for rendering Google Maps.

You can see an example [here](https://pyjun01.github.io/react-google-map-wrapper/docs/examples/basic/).

```tsx
import { Suspense } from 'react';
import { GoogleMap, GoogleMapApiLoader, Marker } from 'react-google-map-wrapper';

function Map() {
return (



);
}

function App() {
return (
}>
{/* Load the google map api */}




);
}
```

## Installation

```bash
npm install react-google-map-wrapper # or yarn add react-google-map-wrapper or pnpm add react-google-map-wrapper
```

> **If you're using React v18, please install version `1.0.7`.**

## Documentation

You can find the documentation [on the website.](https://pyjun01.github.io/react-google-map-wrapper)

Check out the [Getting Started](https://pyjun01.github.io/react-google-map-wrapper/docs/introdution/) page for a quick overview.

### License

`react-google-map-wrapper` is [MIT licensed](https://github.com/pyjun01/react-google-map-wrapper/blob/main/LICENSE).