Google Maps의 일부의 스크린 샷 찍는 방법 JavaScript를 사용하여

Question

내 페이지에는지도를 표시하기 위해 Google지도 API를 사용하는 컨테이너가 있으며 그 아래에 버튼이 있으며 사용자가지도를 위치로 드래그 할 수 있습니다. 버튼을 클릭하면 컨테이너에 표시된지도의 스크린 샷을 캔버스에 표시하고 싶습니다. 순수한 JavaScript로이 작업을 수행 할 수 있습니까?

크롬 만 지원하면됩니다.

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 DOM을 그리는 프로젝트가있다 : 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