GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — Zoom and Street View controls position by Sh3nr0n · Pull Request #222 · fullstackreact/google-maps-react

Conversation

@Sh3nr0n

@Sh3nr0n Sh3nr0n commented Jun 14, 2018

Copy link
Copy Markdown

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}}

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

All reactions
Sh3nr0n added 2 commits June 14, 2018 16:42
@Sh3nr0n
Zoom and Street View controls
dae5874
Added the capability to pass the "streetViewControlOptions" and "zoomControlOptions" from the google API to change the position of these controls on the map using the predefined "ControlPosition".
@Sh3nr0n
Merge pull request #1 from Sh3nr0n/dev
258fbb5
Zoom and Street View controls
@Sh3nr0n

Sh3nr0n commented Jun 14, 2018

Copy link
Copy Markdown
Author

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 :)

All reactions

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

@Sh3nr0n
Fixed map height for AMT
58fa109
@copperseed

copperseed commented Dec 8, 2018

Copy link
Copy Markdown

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

All reactions

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

Bishaljain
Bishaljain approved these changes Jan 31, 2019
View reviewed changes
@GiselaMD

GiselaMD commented Feb 15, 2019 •
edited
Loading

Uh oh!

There was an error while loading. Please reload this page.

Copy link
Copy Markdown

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 }
>

All reactions

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

@akshayaj29

akshayaj29 commented Feb 20, 2019

Copy link
Copy Markdown

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

All reactions

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

@abraha2d abraha2d mentioned this pull request Apr 15, 2019
Add missing props and types #338
Open

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

1 more reviewer
@Bishaljain Bishaljain Bishaljain approved these changes
Reviewers whose approvals may not affect merge requirements

Uh oh!

There was an error while loading. Please reload this page.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Uh oh!

There was an error while loading. Please reload this page.

5 participants

@Sh3nr0n @copperseed @GiselaMD @akshayaj29 @Bishaljain
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.