"प्रिंट" मोड में Google मानचित्र को कैसे देखें?

Question

मैं Google मानचित्र API v2 का उपयोग कर रहा हूं और मैं मानचित्र को उसी तरह प्रिंट करने में सक्षम होना चाहता हूं जैसे Google अपने मानचित्र पृष्ठ पर करता है।

आप छोटे प्रिंटर आइकन पर क्लिक कर सकते हैं और यह एक ही मानचित्र के साथ एक नई पॉपअप विंडो बनाता है लेकिन सभी अप्राप्य सामान (नियंत्रण की तरह) बाहर निकाला जाता है। मुझे पता है कि जब आप नेविगेटर में "प्रिंट पूर्वावलोकन" या "प्रिंट" हिट करते हैं तो उस प्रभाव को प्राप्त करने के लिए वे @media print का उपयोग करते हैं। हालांकि, पॉपअप विंडो प्रिंट मोड में नहीं है।

क्या वे मौजूदा मीडिया प्रकार को "प्रिंट" पर सेट करने की तरह जादू की चाल करने का कोई तरीका है? या वे धोखाधड़ी और एक कस्टम सीएसएस शैली धोखा सेटिंग?

मुझे एक ही पृष्ठ पर एक सिल्वरलाइट प्लगइन और एक Google मानचित्र मिला है और मैं एक पॉपअप विंडो बनाने में सक्षम होना चाहता हूं जिसमें प्रिंटिंग के लिए केवल नक्शा तैयार है (जैसे Google कर रहा है)।

http://abcoder.com/google/google-map-api/print-button-for-google-map-api/ पर धन्यवाद मुझे पता है कि HTML सामग्री कैसे प्राप्त करें, लेकिन मैं केवल उस पर सभी नियंत्रण आदि के साथ सामग्री प्राप्त कर सकता हूं (जो मैं नहीं चाहता)।

किसी भी मदद की सराहना की जाएगी।

Answer 1

गूगल के नक्शे सभी तत्वों पर एक वर्ग gmnoprint डाल कि वे मुद्रित करने के लिए नहीं करना चाहते हैं .. तो अपने प्रिंट सीएसएस फ़ाइल या पॉपअप विंडो उन्हें छिपाने जाएगा में display:none को यह स्थापित करने ..

.gmnoprint{ 
    display:none; 
} 

Of'course यह छिपाने के लिए जो कुछ भी Google मानता है उसे छुपाएगा .. यदि आप अन्य वस्तुओं का चयन करना चाहते हैं तो आपको किसी भी तरह अपने एचटीएमएल कोड को पार्स करना होगा :(

Answer 2

Google मानचित्र प्रिंट करने के लिए एक और उपयोगी तरीका Google Static Maps API का उपयोग करना है। प्रदर्शन पैरामीटर की एक श्रृंखला के आधार पर एक स्थिर छवि उत्पन्न कर सकते हैं (स्थान, ज़ूम स्तर, आकार, मार्कर इत्यादि ...) और उस छवि को अपने प्रिंट व्यू पेज में शामिल करें।

Answer 3

मुझे एक कस्टम मानचित्र छवि ओवरले के साथ kml के माध्यम से जोड़ा गया एक ही समस्या हो रही थी। जीएमओप्रिंट कक्षा के बारे में गैबी का सिर महत्वपूर्ण था। मेरे मामले में, जीएमनोप्रिंट क्लास के साथ div लागू किया गया था जो मेरे आईएमजी तत्व का प्रत्यक्ष अभिभावक था जो गायब हो रहा था। मैंने मूल रूप से "मेक ओवरले प्रिंट करने योग्य लिंक" बनाया:

$("#printable-map").click(function() { 
     if($(this).text() == "Include overlay when printing") { 
      $(this).text("Exclude overlay when printing"); 
      $("[src$=blah.png]").parent().removeClass("gmnoprint"); 
     } else { 
      $(this).text("Include overlay when printing"); 
      $("[src$=blah.png]").parent().addClass("gmnoprint"); 
     } 
    }); 

सफारी, एफएफ और क्रोम में परीक्षण और काम करता है।