StandaloneSearchBox rendering problems about react-google-maps-api

[uriklar]

Are these grey areas constantly there? It looks a bit like tiles not loading due to connection problems

[daniel17903]

Yes, they are there constantly. I can move the map around, zoom in or out but there are always grey areas. When looking in the chrome devtools I can not see any failed or pending network requests. There are no errors shown in the console.

Also the parts of the map that are rendered look blurred and distorted.

I tested the app in the chrome and firefox browser. The behaviour does not change.

[uriklar]

Hi @daniel17903,
I've tried putting your example in codesandbox and I don't get these grey bars.
Can you try editing this example: https://codesandbox.io/s/lxkw25j65q (or creating your own) that manages to re-create the issue?
Maybe you have some additional elements, css not included in your example code?

[daniel17903]

While trying to re-create the issue I found the problem. I had some css included by another component that destroyed google maps:

img {
    display: block;
    max-width: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
    margin: 2px;
}

Thanks for your help