Google-maps-react: There's no property 'style' to set the width and height of the map

[carmen79]

There's no property 'style' to set the width and height of the map, so there's a compilation error when trying to do something like:

So, map is always 100% and doesn't fit to the size I expect.
All examples refer to the 'style' property. Does it existed in previous versions? Is there a way to fix this with the latest version?

[jorgeruizqui]

I have the same problem with that, there's no way to set the style of the map? In the meantime, I changed directly the google-maps-react code to fit what I want, but that's not a solution

[anselm94]

use containerStyle instead

[mikemeyer30]

@anselm94 Thank you so much, I was going nuts trying to figure this out lol

[dohahelmy]

Create a variable with all the styles needed. like so:
const mapStyles={ position: "relative", width: "300px", height: "300px" };
then use it inside style = {mapStyles} it should appear as you want.

But make sure to declare the variable before export class ...... extends React.Component {