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
I was able to print markers by using MarkerWithLabel in place of Google's Marker class which uses images in place of canvas.
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.
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();
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.
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?