Well, background images don't print from browsers*
If you want to sprite, I suggest wrapping your <img> in a <div> and position
the <img> appropriately within its container, and set overflow:hidden to the
<div>.
This is pretty much what we've done with markers now to get them to print.
Example:
<div style="overflow:hidden;width:21px;height:21px;position:relative">
<img style="position:absolute;left:-79px;top:-103px"
src="http://www.google.com/images/nav_logo28.png";>
</div>
Chris
* some browsers have an option to print background images - I wouldn't rely
on users to have this enabled.
On Wed, Dec 1, 2010 at 10:07 AM, Gary Little <[email protected]> wrote:
> Chris,
>
> Now I've got the opposite problem.
>
> I typically use sprites for the visual elements of custom controls and
> a control is displayed by setting it to the appropriate portion of the
> sprite using the CSS background property.
>
> How do you get these elements to print properly? At present, they just
> show up as white rectangles over the map.
>
> Until this week, Google had the same problem because markers were
> drawn in a similar manner, but the problem has now been resolved
> somehow.
>
> Any idea what was done to make these markers printable? Presumably the
> same technique could be used for my custom controls.
>
> Gary
>
>
>
> On Nov 28, 11:21 pm, Gary Little <[email protected]> wrote:
> > Agreed. I've just added a visualClass property to the keydragzoom
> > control so that you can prevent the visual portion of the control from
> > printing by setting visualClass to noprint, the CSS class in your
> > example above.
> >
> > Gary
> >
> > On Nov 28, 8:34 pm, Chris Broadfoot <[email protected]> wrote:
> >
> >
> >
> > > It's "gmnoprint" but I wouldn't rely on this because it is not
> documented.
> > > Best to define your own as I showed before.
> >
> > > On Mon, Nov 29, 2010 at 12:31 PM, Gary Little <[email protected]>
> wrote:
> > > > Thanks, Chris, that's how I'll have to deal with it.
> >
> > > > If I knew the name of the class Google is using to prevent printing I
> > > > could assign it to the custom control to get the default behavior
> > > > (i.e., don't print the control) without developers having to assign a
> > > > class as you've suggested.
> >
> > > > Gary
> >
> > > > On Nov 28, 1:50 pm, Chris Broadfoot <[email protected]> wrote:
> > > > > If your custom control has class "noprint":
> >
> > > > > @media print {
> > > > > .noprint {
> > > > > display: none;
> > > > > }
> >
> > > > > }
> >
> > > > > Chris
> >
> > > > > On Sunday, November 28, 2010, Gary Little <[email protected]>
> wrote:
> > > > > > I want to prevent the visual element of a custom control from
> > > > > > appearing when a map is printed. Does anyone know if this can be
> done?
> > > > > > In other words, is there a standard (Google Maps) CSS class I can
> > > > > > assign to the DIV for a custom control so that CSS display is set
> to
> > > > > > "none" when printing.
> >
> > > > > > --
> > > > > > 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]<google-maps-js-api-v3%[email protected]><google-maps-js-api-v3%2B
> [email protected]>
> > > > .
> > > > > > For more options, visit this group athttp://
> > > > groups.google.com/group/google-maps-js-api-v3?hl=en.
> >
> > > > --
> > > > 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]<google-maps-js-api-v3%[email protected]><google-maps-js-api-v3%2B
> [email protected]>
> > > > .
> > > > For more options, visit this group at
> > > >http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>
> --
> 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]<google-maps-js-api-v3%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/google-maps-js-api-v3?hl=en.
>
>
--
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.
![http://www.google.com/images/nav_logo28.png"](https://www.google.com/images/nav_logo28.png"){kind=link}