Search code examples
cssgoogle-mapsballoon

Google Maps API: Standart (new) balloon style

How to make standart balloons like new restiled google maps ballons?

See pictures:

New styled balloons: enter image description here

old styled balloons (i have): enter image description here

Where i can get css?

Solution

  • Google Maps often put new functionality in their own maps before making them public in their API.

    I believe this is a custom info window and there are images involved.

    So you can't just put some CSS to style the old balloon into the one you're seeing on Google Maps.

    What you have to do is if you want the new styled balloon, you have to create one yourself with the Maps API.

    This is called a Custom Info Window

    This is pretty intensive if you never did some Maps API development.

    If the "new style" balloon becomes popular, they will push the update through a new version of the API so it can be available to everyone. They did this with the zoom control, etc.

    I'm a certified Maps API developer so I'm pretty sure of my answer!

    Thank you