How to print Google Map markers

Question

I am using Google Map Version 3 API to add markers on Google Map.

The problem is that, markers show up on browsers.
but when users print the map through browser's print command, nothing shows up.

The question is, - How can I display markers on printed materials? -

Comparisons:

• On the browser - markers are clearly visible

• After Print (IE7, IE8) - markers are not printed (on paper or PDF)

• After Print (FireFox 3.5.4) - only markers are printed

Answer 1

In my print dialog there is a checkbox "print background images". When I enable it, the markers are printed. This link can help you: How can I force browsers to print background images in CSS?

Answer 2

I suggest you try out the Static Maps API. You can build a url that will return a static image (you can build your custom markers into the URL).

The browser will do a much better job of printing an image than it will do with a dynamic Google map.

Answer 3

Please find the link given below:

https://gist.github.com/jawsthegame/6801698

Using this you will be able to print Google Map along with custom markers.

You only need to make a change at line number 17. Replace container.clone(); with $(container).clone();

Answer 4

I had no issue with printing the markers. I've created my own markers and I use an <IMG> tag to stick the marker icon in.

The markers print fine on IE 8 on default settings.

Answer 5

I was able to print markers by using MarkerWithLabel in place of Google's Marker class which uses images in place of canvas.