javascript - 使用多边形打印 Google Maps API v3 map

标签 javascript google-maps google-maps-api-3

我正在尝试打印我使用 Google Maps API v3 创建的 map 。 map 包含多边形。我正在使用弹出方法尝试打印它:

var gmapPrint = function() {
  var content = window.document.getElementById('map-canvas') // get you map details
  var newWindow = window.open(); // open a new window
  newWindow.document.write(content.innerHTML); // write the map into the new window
  newWindow.print(); // print the new window
} 

map 打印得很好,但缺少多边形。起初,似乎在 map 上绘制多边形之前弹出了打印对话框,所以我添加了一个 setTimeout。这没有解决问题。我也尝试过使用静态 map API,但多边形边界中的点数超过了最大 URL 大小,即使经过编码也是如此。

有人成功过吗?

最佳答案

好的,Beetroot-Beetroot 的评论让我走上了正轨。我之前看过那篇文章,并在运气不佳的情况下快速尝试了一下,但现在我已经开始工作了。

这是一个打印谷歌地图但控件不可见的片段。

https://gist.github.com/jawsthegame/6801698

关于javascript - 使用多边形打印 Google Maps API v3 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19128836/

相关文章:

javascript - AngularJS 跟进子逻辑

java - 触摸时不显示 Google map 对话框/信息窗口

javascript - 如何在 Google map 标记旁边显示标签?

javascript - Google map JavaScript API 的 Google map 距离矩阵语言规范

javascript - 检查 JavaScript if 语句中的部分匹配

javascript - 如何线性分配值

javascript - 如何在不知道子弹出窗口句柄名称的情况下访问它们?

javascript - Google map 标记出现在 native 页面链接上

javascript - 重写 Google map 信息窗口中的内容

google-maps - 使用 javascript 加载多个 map 库