我的英语很差。但是,我尝试获取Google地图的图像并打印为pdf。但是我不知道,为什么我不捕捉图像,响应不完整。第一个捕获div容器。代码TS
htmltoPDF2() {
html2canvas(document.getElementById('myMaps'),{ useCORS: true}).then( canvas => {
console.log('canvas', canvas);
let image64 = canvas.toDataURL('image/jpeg');
console.log('image64', image64 );
})
}
html代码
<div id="myMaps">
<div style="min-height: 200px;background-color: aqua;min-width: 100%;">
<agm-map #map style="width: 100%;height: 300px;" [latitude]="latitude" [longitude]="longitude"
[zoom]="zoom"
minZoom="2"
maxZoom="14"
[fitBounds]="true"
>
<agm-marker [agmFitBounds]="true" [latitude]="latitude" [longitude]="longitude" ></agm-marker>
</agm-map>
</div>
</div>
但答案是不完整的代码64,如果您尝试对其进行解码,则为空白图像
将Google Maps图像保存为PDF将违反Google Maps Platform服务条款3.2.4(a)禁止爬网(b)禁止缓存:https://cloud.google.com/maps-platform/terms/#3.-license-。
如果您对我们的产品有疑问,请随时通过https://console.cloud.google.com/google/maps-apis/support提交支持案例以打开个性化的沟通渠道。
我希望这会有所帮助!