Stack Overflow
Stack Overflow

Questions tagged [infobubble]

A InfoBubble is a customizable css3 infowindow

The InfoBubble is an extension of the standard InfoWindow which supports multiple tabs, highlighting the content, a context menu on right click with few other added features to the InfoWindow.

The complete source code along with an example can be found in this link:

https://github.com/googlearchive/js-info-bubble

71 questions
14
votes
6 answers

Google Maps InfoBubble pixelOffset (Moving from default position above marker)

I am trying to implement a custom infoBubble that has the box opening to the side of a marker rather than the default position of on top. This has turned out to be harder than expected. Using the normal infoWindow you can use pixelOffset. See here…
Undefined
  • 11,234
  • 5
  • 37
  • 62
4
votes
1 answer

Google Maps: InfoWindow vs InfoBox vs InfoBubble

InfoWindow is a standard part of the Google Maps API v3, allowing the user to create a pop-up window on a map, but there's also two other libraries that seem to do the same thing: InfoBox InfoBubble I understand that these two most likely offer…
Chuck Le Butt
  • 47,570
  • 62
  • 203
  • 289
4
votes
1 answer

Google Maps API - InfoBubble won't close - close() doesn't work

I'm working with an Google Maps InfoBubble. Everything works great except the close() function. Previously I used InfoWindows and there it was working. BTW, Firebug reports no errors. My InfoBubble looks like this: var infoBubble = new InfoBubble({ …
Ron
  • 22,128
  • 31
  • 108
  • 206
3
votes
1 answer

on marker click close infobubble

I am using Gmap3 jQuery plugin with infobubble plugin and php to get json reponse for adding markers. I have added GoogleMap marker using addMarkers option of Gmap3 plugin. { action: 'addMarkers', markers:address_data, marker: { …
Dipesh Parmar
  • 27,090
  • 8
  • 61
  • 90
3
votes
4 answers

Google Maps API - Event Listener for InfoBubble doesn't work

I need an event listener waiting for a click. Unfortunately the way it worked with InfoWindows doesn't seem to work here... Well, here's my InfoBubble: var infoBubble = new InfoBubble({ map: map, content: $('#my-div').html(), …
Ron
  • 22,128
  • 31
  • 108
  • 206
2
votes
1 answer

Google map's marker doesn't display InfoBubble on iPhone/iPad

Everything about Google map works fine in different desktop browsers even in smaller screen - initialise, markers, infobubbles etc are working perfectly. But on iPhone/iPad, the InfoBubble doesn't appear when the marker is clicked. After research on…
samlee32
  • 31
  • 4
2
votes
3 answers

Google Maps Api: infowindow vs infobubble?

I'm trying to create a map with multiple markers using google maps api v3 javascript. I've read many tutorials and I really confused about infowindows/infobubbles. Is it the same thing or are they different, and how? It seems to me that they are two…
zekia
  • 4,527
  • 6
  • 38
  • 47
2
votes
0 answers

How can i set the content of my infowindow inside the map canvas

My code on mouseover of the marker is shown below. events:{ mouseover: function(marker, event, context){ $(this).gmap3( {clear:"overlay"}, { overlay:{ latLng: marker.getPosition(), …
Arun Thomas
  • 81
  • 9
2
votes
1 answer

Infowindows with tabs (Infobubble) only displaying content from last marker added (via PHP/Mysql))

Ok I've been trying to implement Infobubbles with tabs on a map populated with many markers, recovered from a Mysql database with an ajax call (built with this tutorial from Google ). The click event is reacting well with every marker, but the…
rafa1986
  • 45
  • 5
1
vote
2 answers

How can I display an InfoWindow beyond the edge of a Google Map?

I'm displaying InfoWindow popups (using InfoBubble, a stylable subclass implemented by some open source badasses) when map elements are hovered. If the thing on the map is at the edge, then the InfoBubble will be truncated. Of course, there is the…
les2
  • 14,093
  • 16
  • 59
  • 76
1
vote
1 answer

Add info bubble to Heremaps in Android not in Javascript

I wanted to add info bubble in heremaps sdk in android application not in Javascript. i can get the trip summary but I wanted to show info bubble same has been asked here but answered for Javascript I want in Android Trip Duration Summary as a tip…
Swamy Kanuri
  • 21
  • 1
1
vote
1 answer

Responsive CSS Speech Bubble

I've created the following speech bubble to show helpful tips for folks on a website. It works, but isn't responsive and longer comments will bleed off the right side of the screen on some mobile devices. How can I make it responsive? Currently…
Eddie
  • 11
  • 1
  • 2
1
vote
1 answer

Image outside of div in infobubble

I am working on Google Map and showing an InfoWindow using the InfoBubble library. My problem is that when I show image for outside div with CSS properties it's showing half image that is within div. Here is my CSS code: #wider-header{ …
Jd Akram
  • 47
  • 5
1
vote
0 answers

Google map marker pin jump to cluster position issue?

I am facing a strange issue regarding Google map single marker pin position. what exactly happening with me ? I am creating cluster markers with info window on Google map using infobubble.js and gmap3.js. Every thing is working well but one issue i…
Web Neeraj Dev
  • 19
  • 2
1
vote
1 answer

info bubble in here maps not working

I have been trying to popup an info bubble, but it simply doesn't get poped up, and throws no error too. Am I Missing anything in the following code? index.html