1.1.0 • Published 7 years ago

react-google-map-street-view v1.1.0

Weekly downloads
101
License
MIT
Repository
github
Last release
7 years ago

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

Installing

npm install react-google-map-street-view

Usage

<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