Jak zrobić zrzut ekranu części serwisu Google Maps? JavaScript

Question

Na mojej stronie znajduje się kontener, który korzysta z interfejsu Google Maps API do wyświetlania mapy, znajduje się pod nim przycisk, użytkownik może przeciągnąć mapę do położenia, a następnie kliknij przycisk, chciałbym teraz zrobić zrzut ekranu mapy wyświetlanej w kontenerze i pokazać go na płótnie. Czy można to zrobić z czystym JavaScript?

Po prostu trzeba obsłużyć Chrome

Answer 1

Bez pomocy przeglądarki będzie to trudne. Ale można użyć Google Static Maps API: https://developers.google.com/maps/documentation/staticmaps/

Przykład: https://developers.google.com/maps/documentation/staticmaps/#quick_example

---

Istnieje kilka projektów rysować HTML DOM na płótnie:

• HTML2Canvas: http://html2canvas.hertzen.com/index.html
• jsFeedback: http://hertzen.com/experiments/jsfeedback/

Można również zintegrować skrypt z jakiegoś rozwiązania po stronie serwera (przy użyciu WebKit) np phantomjs

przykład kodu: (czytaj więcej 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(); 
}); 

---

Jeśli potrzebujesz tylko chrom rozwiązania dla specyficznych zakres użytkowników można napisać własne rozszerzenie chrome, aby to zrobić: Taking screenshot using javascript for chrome extensions