Questions tagged [infowindow]

The InfoWindow is a standard class within the Google Maps JavaScript API; it is an overlay that displays content in a floating window above the map and is anchored at a specified location on the map.

The InfoWindow is a standard class within the Google Maps JavaScript API; it is an overlay that displays content in a floating window above the map. An info window looks like a comic-book word balloon; it has a content area, a tapered stem, and the tip of the stem is anchored at a specified location on the map.

Questions that are assigned to this tag should deal directly with InfoWindow creation, placing content within an InfoWindow, styling the content within an InfoWindow, displaying or hiding InfoWindows, or managing InfoWindows on a Google Map.

Google has published some very good material for those that want to learn more about InfoWindows:

An introductory tutorial that explains the basics of using an InfoWindow is provided in the Info Windows section of the Google Maps Developer's Guide.
Full documentation of the google.maps.InfoWindow class is provided in the InfoWindow section of the Google Maps API Reference.
The Google Maps online code examples include an InfoWindow simple code example and an InfoWindow simple max code example, which demonstrates how to adjust the appearance of content displayed in an InfoWindow.
The Google Maps Demo Gallery also includes a SmartInfoWindow demo, which demonstrates a way to control the direction in which an InfoWindow is displayed, so that autopanning is unnecessary because the InfoWindow is shown within the current viewport of the map.

1150 questions

votes

4 answers

custom controls are overlapping infowindow on Google Map Apiv3

I'm using Google maps V3 API . I've added a custom control on the Map. Its having a width of 350px and height 300px. When i open infoWindow on Map, custom control will overlap infoWindow. is there any way to put infoWindow on top of the custom…

asked Jul 12 '13 at 11:09

Amit Pandey

votes

1 answer

how to get associated marker object for a infowindow in google maps api v3 with multiple infowindows

I have a google map on my page, i am displaying multiple markers on my map with infowindow attached to each marker, when i click on a marker its related infowindow opens & displays information for the marker. I have a button in infowindow which…

google-maps-api-3 infowindow

asked Jul 04 '13 at 06:27

Nikhil Chavan

1,685
2
20
34

votes

1 answer

Google Map v3 - Center a infowindow when opened

I have a Google Map that works fine but I just need to tweak it so that when a marker is clicked and opens up a info window, I'd like that marker (and the map) to center on the screen. This is so that the info window is the direct focus. If it…

google-maps google-maps-api-3 maps center infowindow

asked Apr 11 '13 at 10:20

egr103

3,858
15
68
119

votes

1 answer

Bring GoogleMaps InfoWindow to front

I have a GoogleMaps APIv3 application in which multiple InfoWindows can be open at any one time. I would like to be able to bring an obscured InfoWindow to the front of all other InfoWindows if any part of it is clicked - similar to the behaviour of…

google-maps infowindow

asked Jan 15 '13 at 22:27

dachyon

votes

1 answer

Google Maps : open InfoWindow on mouseover, close & reopen on click

I've a page with markers with InfoWindows that I opened on Click. I decided to rather open the InfoWindows on MouseOver which is working. But I find that having to move the mouse to the cross of the InfoWindow to close it is a bit demanding for…

google-maps google-maps-api-3 mouseover infowindow

asked Oct 26 '12 at 09:51

Tsokoa

votes

2 answers

Google maps v3 info window opening outside map viewport

If a marker is clicked near the top of the map viewport, the infowindow loads outside the viewable area and the map must be dragged to see infowindow content. Ideally I don't want the map to auto pan. Is there a way to load the infowindow in a…

javascript google-maps infowindow

asked Mar 26 '12 at 23:50

user1294249

votes

2 answers

Updating Maps V3 with 'idle' Listener. Opening InfowWindow triggers this and hides the marker

This loads the map, gets new results and removes the old ones: google.maps.event.addListener(map, 'idle', function() { updateMap(); }); That part works great. My trouble comes when I click on a marker to open it's InfoWindow. Opening an…

google-maps google-maps-api-3 infowindow

asked Jan 10 '12 at 21:47

kamchatka

votes

3 answers

why is google's infoWindow CSS not exposed? customization is too hard

This really bugs me - a lot. After wading through google maps v3 generated client side code in firebug, I'm about ready to drive down the street and give some of these engineers a piece of my mind... arrrgh :P The infowWindow class produces HTML…

css google-maps google-maps-api-3 customization infowindow

asked Aug 19 '11 at 01:31

tim

votes

1 answer

React-Google-Map multiple Info window open

I am currently building a google map api using react-google-maps and I would like to create multiple markers to display info of cities around the world on the info window. But since they are all from the html object. Whenever I clicked on one…

html reactjs marker infowindow react-google-maps

asked Oct 25 '17 at 15:46

user8832622

votes

1 answer

Google maps infowindow autopan: is it possible to customize the distance to the map's top?

I have a map with a semi-transparent search bar on top of it. I have also got a bunch of markers with infowindow attached to them. The problem is that google maps autopan feature obviously doesn't take my search bar into account, therefore if my…

google-maps google-maps-api-3 google-maps-markers infowindow markers

asked Jun 21 '17 at 07:23

Kabachok

votes

3 answers

Polyline with infowindow in android app

In android map application, it shows tool-tip window for multiple route, the same way google map also shows that window. I was wondering whether that is a custom marker or a infoWindow over poly-line. Does any body knows how to achieve this with…

android google-maps infowindow polyline

asked Nov 03 '16 at 06:02

NetDemo

votes

1 answer

Google Maps Api v3 custom InfoWindow - "google is not defined" error

trying to create custom infowindows in my application that is based on google maps. next example is one of my base points for development: http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html problem is that…

google-maps-api-3 infowindow

asked Oct 17 '10 at 18:47

user198003

11,029
28
94
152

votes

2 answers

Adding InfoWindow on Google directions route

I am trying to add an InfoWindow to directions route. there are lots of examples out there for adding InfoWindow on an event listener on a marker. But how can I move the InfoWindow to show on the actual planned route from one marker to another.…

javascript google-maps infowindow directions google-directions-api

asked Jun 04 '15 at 15:37

kam

votes

1 answer

Creating custom info window in swift with the Google maps iOS sdk?

I have created a xib and a view controller, and want to display it a customised info window for a marker in swift. After searching on the Internet I have found an old tutorial in OBJ-C however this will not help me. Thank you.

ios google-maps swift sdk infowindow

asked Apr 05 '15 at 21:02

user3280937

votes

2 answers

Google Maps InfoWindow width is overwritten even when set correctly

I'm using Google Maps API and I have some troubles about InfoWindow. Here is a summary : I'm loading the InfoWindow's content when user clicks on a marker The content is a partial view, loaded thanks to an Ajax call In the .done callback, I call an…

google-maps google-maps-api-3 width infowindow

asked Feb 18 '15 at 17:00

AlexB

7,302
12
56
74

Prev 1 2 3

…

76 77 Next