google-maps - wkhtmltopdf 谷歌地图问题

标签 google-maps wkhtmltopdf ng-map

我需要从嵌入了 map 的网页创建 pdf。我在前端使用 wkhtmltopdf、elixir-pdf-generator 作为我的包装器和 ng-maps。

除 map 部分外,PDF 工作正常。标记相对于页面位于正确的位置,但 map 本身似乎将自身定位在原始中心的右侧。缩小的程度越大的现象。注意:这只发生在 PDF 上,网页按预期工作。

它不是 js 延迟问题或调整大小问题。去后端的坐标是正确的。在渲染 pdf 时, map 似乎一直在偏移。并且每次都以相同的方式抵消。

希望有人遇到过这个问题,或者可能会指出导致这种情况的原因。

编辑:我注意到的一件事是设置 .gm-style * {transform-none} 重复了 html 中的问题。生成pdf时似乎在某处丢失了一些转换css。

最佳答案

我的建议是使用 Google Maps 静态 API。虽然一些用户已经成功

--javascript-delay 3000
这对我的情况不起作用。我最终使用的是 google maps static API - 它生成一个不需要 JS 的静态 map 。更多信息在这里
https://www.api2pdf.com/render-google-map-to-pdf-with-headless-chrome/

关于google-maps - wkhtmltopdf 谷歌地图问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50613338/

相关文章:

javascript - Google map v3 tileloaded 事件

Delphi TWebBrowser 中的 Javascript,关闭线程

javascript - Google Places API - 地址和电话号码?

c# - 如何在 C# 中使用 wkHtmltoPdf 从静态 html 文件生成 PDf 文件

c# - WkHtmlToPDF - 如何使用 C# 在下载的 PDF 文件中写入韩文字符?

javascript - 带有参数(托管图像的 URL)的 Ng map 标记图标不起作用

angularjs - 根据 ng-repeat 变量的值设置不同的 map 标记图标

javascript - 谷歌地图 : pan to a center of a geojson route clicking on it

css - urdu 字体不能在线工作,但可以在本地主机 wkhtmltopdf 中离线工作

angularjs - 将 ngMap 与 tabset 一起使用 - 只会启动第一个选项卡