Why style of InfoWindow not working ?

[LinZiqing]

.gm-style-iw { background-color: transparent !important; border: none !important; padding: 0px !important; } .gm-style-iw-c { box-shadow: none !important; } .gm-ui-hover-effect { display: none !important; } .gm-style-iw-d { overflow: hidden !important; height: 60px !important; } .gm-style-iw-t::after { display: none !important; }

This does not work unless I refresh the page

[Alexey Lyakhov]

@ToYuanbao The repo of this project is unmaintained more than a 2 years, and we had build new version https://www.npmjs.com/package/@react-google-maps/api

We had rewrite it to TypeScript, and updating it frequently: https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api
You can enjoy autocomplete.

You can see our docs: https://react-google-maps-api-docs.netlify.app

Also a lot of examples: https://react-google-maps-api-gatsby-demo.netlify.app/ https://github.com/JustFly1984/react-google-maps-api/tree/master/packages/react-google-maps-api-gatsby-example/src/examples

The bundle size is much smaller: https://bundlephobia.com/result?p=@react-google-maps/api

Our Spectrum community: https://spectrum.chat/react-google-maps
Our Slack channel: https://join.slack.com/t/react-google-maps-api/shared_invite/enQtODc5ODU1NTY5MzQ4LTBiNTYzZmY1YmVjYzJhZThkMGU0YzUwZjJkNGJmYjk4YjQyYjZhMDk2YThlZGEzNDc0M2RhNjBmMWE4ZTJiMjQ

Enjoy!