react-native-web-google-maps

React Native for Web implementation of react-native-maps

Getting started

$ npm install react-native-web-google-maps --save

To implement react-native-web-google-maps we're using the react-google-maps package:

$ npm install react-google-maps --save

Alias the package in your webpack config:

resolve: {
    alias: {
        'react-native': 'react-native-web',
        ...
        'react-native-maps': 'react-native-web-google-maps',
    }
}

You need to have a Google Maps Javascript API key to use the map, you can get one here.

Then, you should add this script to your index.html:

<script src="https://maps.googleapis.com/maps/api/js?key=<YOUR_GOOGLE_API_KEY>"></script> 

Usage

import MapView from "react-native-goggle-maps";

See the original documentation.

The supported components are:

• Comming soon...

MapView:

• The officially supported props are:
  • ...
• The officially supported events are: - ... MapView.Marker:
• The officially supported props are:
  • ...

Examples

See the storybook.

Contributing

PRs are welcome!

License

MIT