# react-google-map-street-view

This is a simple react component for google-maps street view. The component uses google maps api for fetching the street view. The controls on the map can be used to navigate around, get a 360 view and switch to google-maps.

In case, street view does not exist for the given address the component displays the location on google map.

![Demo gif](https://github.com/ayushinigam/react-google-map-street-view/blob/master/demo/demo.gif?raw=true)


### Installing

```
npm install react-google-map-street-view
```

### Usage

```javascript
<StreetView address="Address goes here" APIkey="google maps api key" streetView zoomLevel={15}/>
```

### Props

* APIkey (string, required) : Google-maps api key
* address (string, required) : Address for street view
* zip (number) : Zip code for address (can be included in address field itself)
* streetView (bool) : true for street-view and false for map-view
* zoomLevel (number) : zoom level for map view
* streetViewZoom (number) : zoom level for street view
* defaultText (string) : Default message
* errorText (string) : Error message
* mapStyle (object) : Style object for map container
* textStyle (object) : Style object for default text message

### Alternate Usage

The component can be used for getting google map location for the address. This can be done by updating the streetView prop.
![Demo gif](https://github.com/ayushinigam/react-google-map-street-view/blob/master/demo/demo-map.gif?raw=true)