Google Static Map in a React Native Image
npm install react-native-google-static-map-next> An element with a url to Google Static Map
> See Google Static Maps API.
 

---
``shel`
npm install --save react-native-google-static-map-next
ou
`shel`
yarn react-native-google-static-map-next
`javascript
import {GoogleStaticMapNext} from 'react-native-google-static-map-next'
function Example() {
return (
location={{
latitude: '-33.8688',
longitude: '151.2195',
}}
size={{ width: 400, height: 400 }}
apiKey="123456789-ABCDFGHIJK
/>
);
}
`
| 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 |
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.
Check out the contributing page to see the best places to file issues, start discussions and begin contributing.
This project is under the MIT license.
![]() Wanderson Alves |