# react-google-static-map

> A wrapper for Google's Static Maps

Latest version **0.1.0** (published 2015-10-09) · 0 weekly downloads

## Install

```sh
npm install react-google-static-map
pnpm add react-google-static-map
yarn add react-google-static-map
bun add react-google-static-map
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2015-10-09 |
| First published | 2015-10-09 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 5 |
| Author | Valerii Iatsko |
| Maintainers | dwr |
| Keywords | react-component |

## Links

- npm: https://www.npmjs.com/package/react-google-static-map
- Repository: https://github.com/dwr/react-google-static-map
- Homepage: https://github.com/dwr/react-google-static-map#readme
- Issues: https://github.com/dwr/react-google-static-map/issues
- npm.io page: https://npm.io/package/react-google-static-map

## Recent versions

- 0.1.0 (latest) — 2015-10-09

## README

# react-google-static-map

Google Static Maps Component for React

Most of the code is from https://github.com/yelled3/react-native-google-static-map

## Installation
```
npm install --save react-google-static-map
```
## Usage
```js
var GoogleStaticMap = require('react-google-static-map');

class MapExample extends React.Component {
  render() {
    return (
        <GoogleStaticMap
            style={styles.map} {...locationProps}
            latitude={'32.064171'}
            longitude={'34.7748068'}
            zoom={13}
            size={{ width: 300, height: 550 }}
        />
    );
  }
}
```
## Props
| Prop | Type | Description |
|---|---|---|
|**`latitude`**|`string`|latitude point.|
|**`longitude`**|`string`|longitude point.|
|**`size`**|`object`| the image size - `{ width: 300, height: 550 }`|
|**`zoom`**|`number`|defines the zoom level of the map.|
|**`scale`**|`number`|scale=2 returns twice as many pixels as scale=1. The default value is calculated from the screen `PixelRatio`. |
|**`format`**|`string`|'png', 'png32', 'jpg', 'gif', 'jpg-baseline'. use the `GoogleStaticMap.ImageFormats` enum. default is `png`.|
|**`mapType`**|`string`|'roadmap', 'satellite', 'terrain', 'hybrid'. use the `GoogleStaticMap.MapTypes` enum. default is `roadmap`.|
|**`hasCenterMarker`**|`bool`|add a marker on the center. default is `true`.|

---
_Source: https://npm.io/package/react-google-static-map · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._