UNPKG

react-google-map-street-view

Version:
40 lines (26 loc) 1.49 kB
# 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)