Need help with react-native-web-maps?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

react-native-web-community
116 Stars 48 Forks MIT License 49 Commits 15 Opened issues

Description

React Native for Web implementation of react-native-maps

Services available

!
?

Need anything else?

Contributors list

react-native-web-maps

React Native for Web implementation of react-native-maps

Getting started

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

To implement

react-native-web-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-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:

html

Usage

import MapView from 'react-native-maps';

See the original documentation.

The supported components are:

  • MapView
  • MapView.Marker
  • MapView.Polyline

MapView
: - The officially supported props are: -
region
- The officially supported events are: -
onRegionChange
-
onRegionChangeComplete
-
onPress

MapView.Marker
: - The officially supported props are: -
title
-
description
-
coordinate

Examples

See the storybook.

Contributing

PRs are welcome!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.