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:

1150 questions
10
votes
5 answers

Google maps : How to open an InfoWindow for a Polygon by clicking on it?

I have a simple question, but i can't find the answer in the Google Maps API documentation... I have a map with 13 polygons drawed by the API. Here is an exemple of one of these polygons : var zone_up_montblanc = new GPolygon([ new…
legibe
  • 552
  • 2
  • 6
  • 19
10
votes
6 answers

Click event in Google Map InfoWindow not caught

With Google Map v2, I would like to be able to trigger a function when clicking a text in the InfoWindow of a GMarker. $(".foo").click(myFunction); ... marker.openInfoWindowHtml("myText"); does not work. Why the event…
user244129
  • 642
  • 1
  • 8
  • 15
9
votes
6 answers

google maps v3 change size of infowindow

I would like to set the size of an infowindow to fit the content inside. The standard infowindow is too wide I tried to use maxWidth but it doesn't seem to work. What is the best way to resize an infowindow? see code: window.setContent(…
trs
  • 2,454
  • 13
  • 42
  • 61
9
votes
3 answers

React Google Map InfoWindow showing all the info when I click on a single Mark

For some reason when I click on a single Marker all the InfoWindow shows up. I expected one InfoWindow show up when I click on one single Marker. Can someone explain why all the InfoWindow in all the Marker shows up? So when I close it InfoWindow…
Pak Chu
  • 253
  • 1
  • 5
  • 13
9
votes
2 answers

Show certain InfoWindow in Google Map API V3

I wrote the following code to display markers. There are 2 buttons which show Next or Previous Infowindow for markers. But problem is that InfoWindows are not shown using google.maps.event.trigger Can someone help me with this problem. Thank…
pash
  • 91
  • 1
  • 1
  • 3
8
votes
6 answers

Google Maps API V3 InfoBox using jQuery fadeIn and fadeOut

I have searched the web high and low and have not been able to find a tutorial or example of using jQuery to fade an InfoBox/InfoWindow in Google Maps not the content the actual box/window. Here is my code, I'm not sure what I'm doing wrong, but…
8
votes
3 answers

InfoWindow is showing two infowindows using react-google-maps

I'm using the react-google-maps library and I've been doing pretty well so far. My app receives a json with locations from my backend and I'm mapping them to add Markers on the map, they are displaying just fine. These markers have an OnClick…
8
votes
3 answers

Google Maps JS API (v3) InfoWindow Script Error - JSON Undefined

I've been working on quite a nice program for a month or two now. I'm having an odd issue where clicking a marker on my map is giving a very vague script error. Literally just last night everything was working fine and all of a sudden this is…
8
votes
2 answers

Android custom InfoWindow Google Map v2 onclick button?

Hi i want to add marker info-window to my Google map in android application.So far i have add custom info window and it has Image and button.My target after click the marker then show the info-window and then after user click the button in window…
Sajith Vijesekara
  • 1,324
  • 2
  • 17
  • 52
8
votes
1 answer

Change or completely remove the highlight color of an InfoWindow of the Google Maps v2 on Android

Is there any possibility to change the highlight color of an InfoWindow in the Google Maps v2 component for Android? I already accepted the fact that there is no common way to apply custom press highlights for the widgets that reside in a custom…
7
votes
3 answers

want to get the contents of infobubble of a marker?

I am using gmap v3. I am facing a problem. The problem is that I am creating dynamically marker and at similar time I am creating the infowindow of that marker. Now I want to add some contents in any infowindow of a marker. But don't know how i can…
Code Lღver
  • 15,573
  • 16
  • 56
  • 75
7
votes
2 answers

Custom marker InfoWindow in google maps iOS swift?

I'm using google map iOS in my app , i want to show custom marker info window.How can i create it? I'm using storyboards and swift as the language.
7
votes
1 answer

Changing background color in Google Map InfoWindow

I want my InfoWindows in my Google Map implementation to have a black background color. "backgroundColor" is not an available option for InfoWindows. See here. I put a div tag in the content option with a black background and white text. However,…
geoffrobinson
  • 1,580
  • 3
  • 15
  • 23
7
votes
4 answers

angularjs google maps - markers with window - infowindow not showing

Trying to get a app using angular-google-maps with: - multiple markers via the markers directive - a single infowindow via the window directive I've been through the API and multiple closed issues / questions on the git-hub site but just can't get…
goredwards
  • 2,486
  • 2
  • 30
  • 40
7
votes
2 answers

how to change the width and height of infowindow on google-maps-v3

i want to set the width and height of the infowindow using v3 thanks
zjm1126
  • 63,397
  • 81
  • 173
  • 221