Comments on: Working with Info Windows in Google Maps

By: kremilek10

kremilek10 — Thu, 24 Jun 2010 10:55:35 +0000

Is posibility have InfoWindowHtml to polygon or Tooltip ?

By: Ali

Ali — Wed, 09 Jun 2010 08:51:03 +0000

Hi,
How can I use openInfoWindowwith tap and showMapBlowup both at a timefor one marker.
here the scenario:
1- when user click on marker it should maximize the infowindows with tab
2- I need to have three different tab, one of them with show the mapblowup, the second one with show some text and photo and third one will show a video clip from YouTube.

please let me know if anybody can help me on this.

By: greg_dd

greg_dd — Fri, 28 May 2010 07:46:24 +0000

I am trying to get my infowindows to close on a map click but the code :

marker.openInfoWindowHtml(‘Some text’, {noCloseOnClick: ‘false’});

Doesnt seem to work as described above. Any ideas anyone?

Greg

By: Hawk

Hawk — Mon, 26 Apr 2010 13:01:57 +0000

WoOW dude, I gotta hand to you … I have been cracking my skull open trying to get the Info Window to open and always got a problem … but after I got a look at this article things went totally smooth … thanks a lot!

By: nick

nick — Sat, 03 Apr 2010 02:52:29 +0000

is it possible to maximize marker popup by default ? not by clicking + button. marker.openInfoWindowHtml (… )

~ nick

By: dj

dj — Fri, 26 Mar 2010 15:09:37 +0000

i was wondering if there is a way to add several eventlisteners which open individual info windows filled with content from the array with a for loop to the created markers with the same loop?

thanks,Dj

By: M.sudhakar

M.sudhakar — Thu, 11 Feb 2010 06:44:48 +0000

hi.thsi sudhakar,
my Radio Frequency Engineer(RFE)
appreciate the initiative from google to enable us customise maps.

By: Sam

Sam — Sat, 23 Jan 2010 10:32:00 +0000

InfoTabWindow: I’like to display an image and some text in tab1, mapBlowUp in Tab2. How can I do that?Thanks.

By: deerawan

deerawan — Thu, 17 Dec 2009 08:55:30 +0000

I use google map too. I don’t know if I info window has feature tabs. It is really cool

By: jamie

jamie — Thu, 10 Dec 2009 08:18:19 +0000

I am trying to get clearbox 3 which is a picture display js it is like slimbox 2. I have it in a var for a inforwindow. click on the url and you get tabbed infowindows for each marker. the photo tab is the one. but mostly my question is if i need to trigger the js some how. the clearbox works fine as a stand a lone html page but not when it is in the gmap infowindow. any thoughts?

By: Herman

Herman — Fri, 13 Nov 2009 14:00:36 +0000

I appreciate the initiative from google to enable us customise maps. However i have a problem i want to solve inside the info windows i have created.

I have added a couple of links in each info window. But now i need to maximise each info window when a user clicks on each link after which they may minimize and return to summary info window or close

By: Gabriel Svennerberg

Gabriel Svennerberg — Tue, 06 Oct 2009 18:55:33 +0000

Geoff: Check out the pixelOffset property of the GInfoWindow object. It enables you to offset the InfoWindow from a given GLatLng. Read about it in the documentation,

By: Geoff

Geoff — Mon, 05 Oct 2009 04:43:16 +0000

Any way to position the infowindow relative to the position its pointing at so that the window can be made to appear “below” if the position is near the top of the map or “above” if the position is near the bottom of the map. This seems to happen in Google Earth, and would prevent the map from autoscrolling to get the infowindow on the displayed area.

By: Gabriel Svennerberg

Gabriel Svennerberg — Tue, 15 Sep 2009 10:30:57 +0000

Ay: There’s no native method in V3 for doing a MapBlowup() but it’s entirely possible with a little bit of coding. That’s one technique I will show how to do in my upcoming book on V3 of the API.

By: Ay

Ay — Tue, 15 Sep 2009 06:32:36 +0000

the showMapBlowup() works great in V.2.

Does it work in V.3 and how ?? Please shed light!

By: Adrian Power

Adrian Power — Wed, 09 Sep 2009 08:44:52 +0000

Thanks for that.
Its a shame you can’t control the maximized window because it is a really great feature. Never thought of controlling the standard info window via my style sheet and it really works a treat,

Thank you so much.
This is a seriously great site, hope you keep it up, it answers so many questions in a understandable fashion.

Thanks again

Adrian

By: Gabriel Svennerberg

Gabriel Svennerberg — Tue, 01 Sep 2009 06:30:38 +0000

Adrian: I don't think that you can control the height or width of the maximized info window without some serious hacking. But you could change the size of the non-maximized info window by setting styles that defines the dimensions on the content inside of it. Best practice is to set it using a class and defines the dimensions in a separate style sheet.

By: Adrian Power

Adrian Power — Sat, 29 Aug 2009 18:32:14 +0000

WoW… this is really well explained. Much better than the “official” site.
Have a question about the maximized windows.
I find that the info window is to small for what i want and the maximized info window is that bit to big.

Can the size of the of the maximized window be controlled either in height or width.
Would be very thankful for any help.

Thanks
Adrian

By: Barton

Barton — Wed, 05 Aug 2009 11:30:16 +0000

Hi,
how can this method be implementable with using a KML file?
Thanks.

By: Bosti

Bosti — Tue, 14 Jul 2009 10:29:52 +0000

HI!

One question: Is it possibile to show info window of KML file on load of KML file without “clicking on it”…

For this page:
http://igea.110mb.com/ekoregija/ekoregija_v2.2.3.html

Thanks..

Regards,
Bosti

By: Gabriel Svennerberg

Gabriel Svennerberg — Tue, 23 Jun 2009 05:08:14 +0000

Ary: Each tab can contain HTML, so you simply provide the tab you want the picture in, with the corresponding HTML to show an image. For example like this:

new GInfoWindowTab('Tab with image', '')

Another way of doing it is to instead of inserting the HTML directly into the tab, reference an existing HTML node in the document that has the content you want to show in the tab. Then it might look like this:

new GInfoWindowTab('Tab with image', document.getElementById('myHTMLNode'))

I hope that this answers your question!

By: Ary

Ary — Mon, 22 Jun 2009 13:46:52 +0000

I have created tabs in the info window when it is maximised but am unsure how to insert pictures into a specific tag, could you please help?

By: Nestor Fuhr

Nestor Fuhr — Tue, 09 Jun 2009 17:53:05 +0000

Gabriel,

thank you for your blog, is very helpful.

I would like to know if it is possible to make info windows with multiple tabs in “My Maps” in Google Maps, ¿how to do that?

By: rob

rob — Mon, 01 Jun 2009 18:56:02 +0000

Great tutorial and very easy to understand. I was looking for examples like these in the google maps reference and found nothing

Thanks so much!!

By: Dee

Dee — Sat, 23 May 2009 22:18:51 +0000

Can I put marker.showMapBlowup() in one of the tab?

This is a great and very informational site

By: Gabriel Svennerberg

Gabriel Svennerberg — Mon, 09 Mar 2009 07:44:16 +0000

zuputti: My guess is that the problems you're having are due to how scope works in Javascript. Javascript has function scope, so try to break out the logic that creates each marker to a separate function. Then call that function for each marker (with info window) that you want to add to the map.

By: zuputti

zuputti — Sat, 07 Mar 2009 17:05:55 +0000

Hi!
Great sites. I have one question about those info windows.

How you do for example map with maximizing windows:

- You need include html with pics in info window
- You need many of those maximizing info windows in same map

Some problems what I have found; Data goes in same window and doesnt show in separate info windows where those supposed to be. Thanks if you found answer.

Br, Z

By: Gabriel Svennerberg

Gabriel Svennerberg — Tue, 03 Mar 2009 20:59:50 +0000

Brian: It's easy to give the content of the maximized window a certain style. Just wrap the content for the maximized infowindow inside of a

and give it a class name. Then in your stylesheet you simply define it's style. I've made an example page that you can check out to see how it's done.

By: Brian Goldsberry

Brian Goldsberry — Tue, 03 Mar 2009 16:59:32 +0000

Does anybody know if there is a way to style the text within a maximized info window? I am using jQuery to extract things like ‘title’ ‘address’ and ‘info’ from an html document and setting them to variables that I am passing into the maximized info window content.

ex. Content.innerHTML=(title + address);

displays like this: Title12321 W. Edgewater Chicago,IL

I want to change the color of the font and ad breaks but nothing is working for me.

Thanks.

By: Day 4 - a bit more of KML, custom icons and info boxes « Learning Google Maps API

Mon, 02 Mar 2009 13:09:18 +0000

[...] BTW, had a while working with Info Boxes (you know, those white Clouds) and there is quite a lot you can do with them, to get the ball-park idea have a look here. [...]