react-native-google-static-map-next

> An element with a url to Google Static Map

> See Google Static Maps API.

 

---

Installation

``shel
npm install --save react-native-google-static-map-next
`

ou

`shel
yarn react-native-google-static-map-next
`

Usage

`javascript
import {GoogleStaticMapNext} from 'react-native-google-static-map-next'

function Example() {
return (
style={styles.staticMap}
location={{
latitude: '-33.8688',
longitude: '151.2195',
}}
size={{ width: 400, height: 400 }}
apiKey="123456789-ABCDFGHIJK
/>
);
}
`

Props

| Prop | Type | Description | Default |
| --------------------- | -------- | -------------------------------------------------------------------- | --------- |
| location | Object | the map location - { latitude: '-33.8688', longitude: '151.2195' } | undefined |
| size | string | the image size - { width: 300, height: 550 } | undefined |
| zoom | number | defines the zoom level of the map. | 15 |
| scale | number | scale=2 returns twice as many pixels as scale=1. | 1 |
| format | number | 'png', 'gif', 'jpg' | png |
| mapType | string | 'roadmap', 'satellite', 'terrain', 'hybrid'. | roadmap |
| hasCenterMarker | bool | add a marker on the center. | true |
| apiKey | string | Google API Key | undefined |
| customMarkerUrl | string` | Custom marker url | undefined |

Issues

Feel free to file a new issue with a respective title and description on the the react-native-google-static-map-next repository. If you already found a solution to your problem, i would love to review your pull request! Have a look at our contribution guidelines to find out about the coding standards.

Contributing

Check out the contributing page to see the best places to file issues, start discussions and begin contributing.

License

This project is under the MIT license.

Author

Wanderson Alves