Home > Google Maps > Google Maps Infowindow Maxwidth Not Working

Google Maps Infowindow Maxwidth Not Working

Contents

I had to add in a conditional css property into the template for the theme that I created. infoWindow is the InfoWindow object, $infoWindowContents is a Jquery object of the contents I want to put in there, map is my Map object. However, the bug as reported to Google does actually appear to still occur even with system fonts and no descendent CSS selectors. What are the compiled costs of each Formula function ArcGIS Desktop, Attribute Table with drop down menus more hot questions question feed default about us tour help blog chat data legal More about the author

Does the Rothschild family own most central banks? Log in or register to post comments Comment #38 alextronic CreditAttribution: alextronic commented March 9, 2010 at 6:14pm Yes, but... It doesn't seem as easy as that at first glance]. Word for a non-mainstream belief accepted as fact by a sub-culture? https://developers.google.com/maps/documentation/javascript/examples/infowindow-simple-max

Google Maps Infowindow Height

Only option GInfoWindowOptions.maxWidth is applicable. share|improve this answer answered Jun 11 '14 at 15:11 thomij 1614 add a comment| up vote 0 down vote It wasn't acceptable for me to hard code the width and height With that in place, the google maps API calculates the width of the infowindow "bubble" properly. I removed the margins, and InfoWindow sized correctly.

Just in case, I did take in account the fact that some code seems to be hidden (in fire-bug?) until you actually click a marker and open a popup/balloon/bubble (always a I haven't read up on it yet. Is that a google map default? Gm-style-iw I wrapped them in an outer div, with widths and heights all set correctly, and nothing worked.

This will solve all your problems, and make you wish you had the past two hours back of your life: use the provided .gm-style-iw class to style the InfoWindow content container. nothing else worked. subscribing Log in or register to post comments Comment #54 Rowan Price CreditAttribution: Rowan Price commented April 21, 2011 at 4:23pm Issue tags: +CSS another note -- for me, '.map-popup {height:100px;}' throw things out of whack.

I'm displaying quite a lot of HTML-formatted text in my InfoWindows, that might be why the other solutions didn't work at all for me. Google Maps Infowindow Remove Padding The only way I found is running this jQuery script modifying the InfoWindow internal structure : $(".gm-style-iw").next().remove(); $(".gm-style-iw").prev().children().last().width(342); $(".gm-style-iw").prev().children(":nth-child(2)").width(342); $(".gm-style-iw").width(342); $(".gm-style-iw").children().first().css("overflow", "hidden"); $(".gm-style-iw").children().first().children().first().css("overflow", "hidden"); $(".gm-style-iw").parent().width(342); Note : gm-style-iw is the class View all posts by Zack Katz Author Zack KatzPosted on January 13, 2014Categories Google, Web DevelopmentTags Gmaps, Google Maps, Maps Post navigation Previous Previous post: I'll be at WordCamp Phoenix 2014Next My infowindows were working for everything except for IE11, where the width was not calculated correctly.

Google Maps Infowindow Max Height

But I'll post the code anyways –JacobT Oct 12 '09 at 14:27 7 I know this is old, but in case someone gets here and tries everything and still has Read More Here Here you can view the output of the example and you can also "try it yourself" by clicking on "Live Demo" button given at the bottom. Google Maps Infowindow Height If not, add this line of jQuery to your click function for the infoWindow: //remove overflow scrollbars $('#myDiv').parent().css('overflow',''); share|improve this answer answered Feb 10 '12 at 19:21 Jason 4,424749107 Infowindow Google Maps Style That will resolve the issue if your infoWindows are all the same size.

Log in or register to post comments Comment #45 tnightingale CreditAttribution: tnightingale commented June 24, 2010 at 5:18am While not ideal as infowindow dimensions are then fixed, solution #43 is pretty my review here I was also having problems with the pop-up background not wrapping the content of my fields. The look of the map is somewhat inconsistant. In my over-ridden theme_gmap_views_marker_label function I add a line just before the return $marker_label .= '

'; return $marker_label . '
'; Hope this helps until a better solution can be Google Maps Infowindow Height Problem

The InfoWindow should be properly auto-sizing. Log in or register to post comments Comment #28 ressa CreditAttribution: ressa commented May 17, 2009 at 6:35pm Thanks ultimike, Your solution (#11) solved my problem. Google Maps. http://sistemainmo.com/google-maps/google-maps-api-not-working.php GO OUT AND VOTE Guaranteed time for an airline to provide luggage I want to know the what part of speech is this, the word 'fit' in this sentence Draw diagonal

Log in or register to post comments Comment #11 ultimike CreditAttribution: ultimike commented September 18, 2007 at 3:44pm I was having the same issue where the popup window wasn't the correct Infowindow Set Content Which security measures make sense for a static web site? Thanks.

See this example (has a scrollbar in Chrome 40 Win). –Simon East Dec 2 '14 at 4:27 @Simon - you are correct, the link you submitted is a bug

more stack exchange communities company blog Stack Exchange Inbox Reputation and Badges sign up log in tour help Tour Start here for a quick overview of the site Help Center Detailed It gives scrollbars when it should not. a good translation of "We can do it"? Google Maps Gm-style Log in or register to post comments Comment #7 ymmatt CreditAttribution: ymmatt commented July 17, 2007 at 7:26pm Status: Active ยป Fixed Ok, maybe I shouldn't have posted in the first

Why (and when) does pattern matching with f[__] perform MUCH more quickly than _f? All I had to change was div .node {width: 250px} Just a note that custom theming can mess the bubbles up. Add a div inside the infowindow object, i.e. navigate to this website Which of the items I had led to me getting a lot of black hearts?

How do I make a lobby card with LaTeX? I had

and

elements in the InfoWindow, and these both had bottom margins. I changed this string: marker.marker.openInfoWindowHtml(data); to:opts = {maxWidth : 300}; marker.marker.openInfoWindowHtml(data, opts); Log in or register to post comments Comment #31 alextronic CreditAttribution: alextronic commented November 13, 2009 at 10:15pm Yes, function initMap() { var uluru = {lat: -25.363, lng: 131.044}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 4, center: uluru }); var contentString = '

'+ '
'+ '
'+ '

asked 1 year ago viewed 3451 times active 1 year ago Upcoming Events 2016 Community Moderator Election ends in 9 days Linked 0 Set google maps InfoWindow to more than 700px Staying on track when learning theory vs learning to play Is Redundant? Plus 'overflow:hidden' needs to be set for the map because it hides 'the rest of the map'. Join them; it only takes a minute: Sign up Size of infoWindow in google maps api v3.

Find elements of a list with a given sum Woman goes to jail and a student helps her learn to read Munchkin: Charity: Giving cards to someone who has 5 already Yes, even if setting the maximum width was not what you wanted to do. I was running into issues when i had more than a certain amount of text at a given width!