Javascript 如何在谷歌地图上旋转覆盖图像？

我试图在谷歌地图上放置一系列的覆盖图。我将跟随，但这只允许我使用北/南/东/西边界指定图像放置。只要我的图像是一个长方形，并沿经纬线定向，该工具就可以工作。我真的希望能够准确地放置图像，包括自定义比例和角度方向。这似乎不可能与地面覆盖

所以这里有一个可能的用例。我正在建立一个网站，帮助城市规划者测试停车场的可用性

• 城市规划师使用分析网站上的谷歌地图，使用多边形选择工具选择街道区域
• 网站脚本将测试选定多边形区域的停车可用性
• 当我们完成评估后，我希望该网站将随机的汽车图像粘贴到页面中，这样用户可以更好地可视化可用的内容
• 我可以创建一个汽车的矩形平面图，但我无法根据需要将图像旋转X度。垂直于北/南/东/西（NSEW）是没有问题的，但我无法确定它的角度
• 无论原始地图的方向如何，这都应该有效。目标是用户看到在当前地图视图中完成的建议解决方案，并按比例缩放
• 显然，图像必须完全缩放到可见地图，这相当容易做到（可能需要稍微调整纬度长度）

（在这张图中，城市规划师刚刚通过多边形选择工具选择了感兴趣的区域。下一步是评估该区域，并粘贴到一些停放的汽车中，对齐并按比例！）

我看到的所有Google mapping本机覆盖工具都依赖于LatLngBounds类，因此存在NSEW垂直对齐问题。我知道我可以计算出所需的角度，转到php服务器，用透明的背景旋转一个.png图像，但是这看起来像是一个地理映射练习的黑客。我还可以在一个.png文件中预先旋转汽车，并将它们保存为

红色汽车15degrees.png

，

蓝色汽车30degrees.png

，

白色皮卡车45degrees.png

，（三辆不同的汽车x 5度增量，从0度到45度），但这也感觉像是一个黑客

---

有没有办法以给定的方向角创建一个自定义地图覆盖，这样我就可以在汽车中分层，向城市规划师展示可用的内容？非常感谢

我会在一个

中绘制和旋转，然后在上面画出来。 编辑：

---

在画布上放置，

ctx.rotate

，

c.toDataUrl（）

，并将其覆盖在地图上。

可能与@geocodezip-Er重复，不。我想在停车场铺上汽车。角度？没有角度？我想要的是车的角度，而不是整个地图。在一些停车方案中，所有的车都向右30度，在车道的另一边，它们都向左30度停车。覆盖将是随机的汽车图像。我将更新我的帖子，删除关于道路未被NSEW的一点评论。我看得出这很让人困惑所以。。。你需要旋转汽车图像，而不是地图。是的，但那是汽车（带有s），我希望会添加很多图像。我的想法是抓取三到四张原始图像，然后随机化。我并不是真的需要每个插槽都填满，但我不会惊讶于生成25辆左右不同的汽车，其中许多都有独特的角度方向。嘿@zipzit，已经有一段时间了，但你能解决这个问题吗？