Hi! I prefer to discuss about that on the google groups threat: http://groups.google.com/group/google-maps-js-api-v3/browse_thread/thread/3b1c5e69bfe809ce/b6b2b82d591b0ee5?#b6b2b82d591b0ee5
Thanks! 2010/10/28 Garito <[email protected]> > Hi! > In my case, I have a button for printing and I don't have this problem > > What to do? Try to see if $(document).ready fires when the map finish to > load. If not, you could use the tilesloaded or idle events to fire the patch > > I don't investigate so much about that > > Could you send an email to the list when you decide how to solve that? > Perhaps will be useful for more people > > Cheers > > 2010/10/27 pkh80 <[email protected]> > > Garito - >> Thanks for this fix! I think it has the potential to solve my >> problems, but I am trying to implement it as part of my web page so it >> works automatically. >> >> I can't seem to get it to work outside of Firebug. If I have it >> execute as part of my pages initialization, google maps hasn't >> finished drawing yet. Do you know of an event that fires after google >> maps is loaded and drawn? >> >> Thanks! >> >> On Oct 13, 8:56 am, Garito <[email protected]> wrote: >> > Hi all! >> > There are a bunch of discussions on this group about people having >> > problems printing the maps >> > >> > When you try toprintamapgenerated by the API, the images and the >> > markers don't renderproperly >> > >> > This is because how are the maps made >> > >> > Themapquadrants and the markers are setted as a div with a >> > background image with the quadrant or the marker ( url(url-to-the- >> > quadrant-image-or-marker) ) >> > >> > If you want toprintproperlythe generatedmap, you only need to read >> > the div's with a background image and replace it with a real HTML >> > image object >> > >> > Here is how to do that with jQuery (it's only a proof of concept, you >> > need to adapt it to your needs): >> > >> > $('#mapaAgrupat div').each(function(i, elem) { >> > var $elem = $(elem), background = $elem.css('background-image'); >> > if(background != 'none') { >> > background = background.replace('url("', ''); >> > background = background.replace('")', ''); >> > $elem.append('<img src="' + background + '" />'); >> > $elem.css('background-image', ''); >> > } >> > >> > }); >> > >> > Where #mapaAgrupat is the id of themapdiv (the same you pass to >> themapobject) >> > >> > At this stage of the test, I use firebug to run this code and works >> > fine for that purpose >> > >> > Then, the step by step process to reproduce what I'm saying: >> > >> > 1.- Launch firefox >> > 2.- Load yourmap >> > 3.- Open Firebug tab >> > 4.- Copy the code to the console >> > 5.- Change the id of the div mapaAgrupat to the id of the div that >> > contains yourmap >> > 6.-Printthemap(if you use Mac OS X as me, you don't need to reallyprint, >> you could previsualize it to check it) >> > >> > Hope this solve yourprintproblems > > > > > -- > Mi twitter: http://twitter.com/garito > > Temet nosce > -- Mi twitter: http://twitter.com/garito Temet nosce -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
