是否可以将 Google 地图加载到 div 中，然后在其上覆盖画布元素？答案

【问题标题】：Is it possible to load a Google Map into a div and then overlay a canvas element over it?是否可以将 Google 地图加载到 div 中，然后在其上覆盖画布元素？
【发布时间】：2011-04-25 00:57:58
【问题描述】：

我知道您可以直接在画布中加载图像 drawImage()，但我想知道是否可以覆盖画布在另一个包含图像的 div 上。

具体来说，我想在 Google 地图上叠加一个 <canvas> 元素。我想在地图上绘制折线并制作动画 <canvas> 上下文而不是为此使用 Google Map API 目的。

【问题讨论】：

如果你的目标是让画布的背景透明；我不相信这是可能的。但话又说回来，我对<canvas> 的工作并不多。
是的，就是这样——让
这个例子展示了画布元素相互叠加，但没有在底部画布层后面放置一个带有图像的 div：html5.litten.com/using-multiple-html5-canvases-as-layers

标签： html google-maps canvas

【解决方案1】：

是的。它应该工作得很好。只需将您的画布放置在 div 上，类似于您链接的示例中多个画布相互放置的方式。

您可能已经尝试过了，而不必等待关于 SO 的答案 :)

【讨论】：