如何使用JavaScript的一部分谷歌地圖截圖

Question

在我的頁面上有一個容器，它使用谷歌地圖API來顯示地圖，它下面有一個按鈕，用戶可以拖動地圖到一個位置，然後點擊按鈕，我想現在在容器中顯示地圖的屏幕截圖，並將其顯示在畫布上。是否可以用純JavaScript來做到這一點？

只需要支持Chrome的

Answer 1

這將是很難沒有瀏覽器支持這樣做。但是你可以使用谷歌靜態地圖API： https://developers.google.com/maps/documentation/staticmaps/

例子：https://developers.google.com/maps/documentation/staticmaps/#quick_example

---

有一些項目吸引HTML DOM帆布：

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

您也可以與一些服務器端解決方案（使用的WebKit）例如phantomjs

代碼示例集成的javascript：（閱讀更多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(); 
}); 

---

如果您需要特定的只有鍍鉻液您可以編寫自己的Chrome瀏覽器擴展程序來執行此操作的範圍：Taking screenshot using javascript for chrome extensions