Setting control options

[andyslack]

Hi Guys,

Thanks so much for maintaining this folk.

A quick question on how to set more advanced options, e.g. mapTypeControlOptions

I cannot seem to access the actual map property

Here are the docs:
https://developers.google.com/maps/documentation/javascript/controls#maps_control_positioning-typescript

Here is a related thread for react:
google-map-react/google-map-react#6

Any guidance on how I can reposition mapTypeControl would be appreciated.

[NathanAP]

Hello! Sorry on the delay to answer ):

As we can see in this part of the code, it seems that we use options to create the map options, just like we can see in this example. Did you try to use something like this inside the options prop?

[andyslack]

Hi @NathanAP

You are correct we can pass data into the options object without issue, however as we don't have access to the google.maps object, there is no way to correctly reference the values of things like:

google.maps.MapTypeControlStyle.HORIZONTAL_BAR
google.maps.ControlPosition.TOP_CENTER

Passing the string equivalent does not work "HORIZONTAL_BAR" or "TOP_CENTER"

I am not sure the nest way to make these available but I know they had the same issue here: google-map-react/google-map-react#6 and managed to fix it.

Hope this helps.

[NathanAP]

Ah, yes. I remember that this situation was related to a limitation. I think that you could add the Google Maps to your index.html, but I believe it would break something else ): I'm almost sure there was an issue in Fawmi's repo that had something like yours.

I'm not sure how we could fix this... Maybe our library could export the google.maps object, so we could use it anywhere?

[andyslack]

I'm not sure how we could fix this... Maybe our library could export the google.maps object, so we could use it anywhere?

Yes, that was my first thought, if we could access that object, we could reference it correctly when passing it back.

[NathanAP]

I'll open an issue based on this discussion and lock the conversation here, so we can always keep it in one place.