我需要从嵌入了 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/