Zoom and Street View controls position

[Sh3nr0n]

Added the capability to change the default position of the zoom control and street view control.
Control names are those from the google-maps API.
Example : Add them to the map component and pass them an object as follow :

<Map
google={this.props.google}
zoom={5}
style={{ height: '80%' }}
initialCenter={{lat: 47.4840791,lng: 5.683411}}
zoomControl={true}
streetViewControl={true}
streetViewControlOptions={{position: google.maps.ControlPosition.LEFT_TOP}}
zoomControlOptions= {{position :google.maps.ControlPosition.LEFT_TOP}}

[Sh3nr0n]

Hey,

Just needed to move the default controls elsewhere on the map.
This is my first contribution so I hope I didn't make any mistake in the process or in the code itself.

Thanks for this lib anyway :)

[copperseed]

Thanks, I've manually put this in as well. Please pull this into the repo along with other missing options!

[GiselaMD]

ControlOptions is not working for me...
Can you tell me why?

<Map
google={window.google}
className={'map-wrapper'}
containerStyle={{ display: 'flex', flexDirection: 'column' }}
zoom={11}
gestureHandling= {'cooperative'}
mapTypeControl= {false}
streetViewControl= {true}
streetViewControlOptions = {{ position: google.maps.ControlPosition.LEFT_CENTER }}
zoomControlOptions = {{ position: google.maps.ControlPosition.LEFT_BOTTOM}}
fullscreenControl= {true}
fullscreenControlOptions = {{ position: google.maps.ControlPosition.LEFT_TOP }}
zoomControl= {true}
scaleControl= {true}
scaleControlOptions = {{position: google.maps.ControlPosition.BOTTOM_LEFT }}
styles={mapStyles}
centerAroundCurrentLocation= {false}
initialCenter={ initialCenter }
center={ (centerMap !== null) ? centerMap : selectedPlace }
>

[akshayaj29]

//Its not working any other way
<GoogleMap
streetViewControlOptions = {{ position: google.maps.ControlPosition.LEFT_CENTER }}
defaultCenter={center}
center={center}
>