Question

这是我查看地图的代码。我只需要保存与图像文件相同的视图。它具有大量像素，如宽度：10000px;身高：35000px。我使用几个插件来使用chrome和firefox拍摄快照，但由于像素数量很多，我无法保存。请帮我。谢谢！

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Map</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
</head> 
<body> 
   <div id="map" style="width: 10000px; height: 35000px;"></div> 

   <script type="text/javascript"> 
     var myStyle = [
       {
         featureType: "administrative",
         elementType: "labels",
         stylers: [
           { visibility: "off" }
         ]
       },{
         featureType: "poi",
         elementType: "labels",
         stylers: [
           { visibility: "off" }
         ]
       },{
         featureType: "water",
         elementType: "labels",
         stylers: [
           { visibility: "off" }
         ]
       },{
         featureType: "road",
         elementType: "labels",
         stylers: [
           { visibility: "on" }
         ]
       }
     ];

     var map = new google.maps.Map(document.getElementById('map'), {
       mapTypeControlOptions: {
         mapTypeIds: ['mystyle', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.TERRAIN]
       },
       center: new google.maps.LatLng(6.937665, 79.946468),
       zoom: 16,
       mapTypeId: 'mystyle'
     });

     map.mapTypes.set('mystyle', new google.maps.StyledMapType(myStyle, { name: 'My Style' }));
   </script> 
</body> 
</html>

Answer 1

我会使用webkit2png进行此操作...将上面的HTML上传到您拥有的网站，说http://www.freddyfrog.com/map.html然后在终端的命令行中运行

webkit2png -F -H 5000 -W 8000 http://www.freddyfrog.com/map.html

你应该得到一个名为PNG的{{1}}文件，其高度为5,000像素，宽度为8,000像素。你可以随意使用尺寸和名称 - 我只是举个例子。

freddyfrogcommaphtml.png参数是高度，以像素为单位。 -H参数是宽度（以像素为单位）。 -W表示仅输出-F图像，而不是缩略图。

大型Google地图区域到高像素图像

1 个答案: