HTML map overlay

Question

Is there a way to add HTML content at the top of the Google Maps using the Google Maps API? I want to add a div with other HTML content.

PS Do not try to manipulate the Google info window.

Answer 1

You can use this pretty library.

http://blog.mridey.com/2011/05/label-overlay-example-for-google-maps.html

With some settings, you can use it to add what you need.

This is how you add it as an overlay, not InfoWindow.

Answer 2

I think the easiest and fastest way is to use the InfoBox library, which is part of the google map utility library-v3

Documents can be found in the section.

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/

and examples in the section:

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/

InfoBox extends the Google Maps V3 OverlayView API class and lets you customize layers for your needs without worrying about the limitations of InfoWindows.

Answer 3

Yes, this is possible with infowindows.

Example: https://developers.google.com/maps/documentation/javascript/overlays?hl=es#InfoWindows