कैसे Google मानचित्र का भाग के स्क्रीनशॉट लेने के लिए, जावास्क्रिप्ट

Question

का उपयोग अपने पृष्ठ पर एक कंटेनर जो एक नक्शा प्रदर्शित करने के गूगल मैप्स एपीआई का उपयोग नहीं है, यह नीचे एक बटन है, उपयोगकर्ता नक्शा एक स्थिति है, तो खींच सकते हैं बटन पर क्लिक करें, मैं अब कंटेनर में प्रदर्शित नक्शे का स्क्रीनशॉट लेने के लिए पसंद है और यह एक कैनवास में दिखाने चाहते हैं। क्या यह शुद्ध जावास्क्रिप्ट के साथ ऐसा करना संभव है?

बस क्रोम

Answer 1

का समर्थन करने की आवश्यकता है ब्राउज़र समर्थन के बिना करना मुश्किल होगा। लेकिन अगर आप गूगल स्थिर मानचित्र API का उपयोग कर सकते हैं: https://developers.google.com/maps/documentation/staticmaps/

उदाहरण:

• HTML2Canvas: http://html2canvas.hertzen.com/index.html
• jsFeedback https://developers.google.com/maps/documentation/staticmaps/#quick_example

  ---

  कुछ परियोजनाओं कैनवास करने के लिए HTML डोम आकर्षित करने के लिए नहीं है: http://hertzen.com/experiments/jsfeedback/

तुम भी उदाहरण के लिए कुछ सर्वर साइड समाधान (वेबकिट का प्रयोग करके) phantomjs

कोड उदाहरण के साथ जावास्क्रिप्ट एकीकृत कर सकते हैं: (अधिक पढ़ें here)

var page = require('webpage').create(); 

page.open('http://www.google.com', function() { 

    page.viewportSize = {width: 1024, height: 768}; 
    page.render('screenshot.png'); 
    phantom.exit(); 
}); 

---

आप विशिष्ट के लिए केवल क्रोम समाधान की जरूरत है उपयोगकर्ताओं की रेंज आप यह करने के लिए अपना क्रोम एक्सटेंशन लिख सकते हैं: Taking screenshot using javascript for chrome extensions