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

Question

我试图将一系列的覆盖放到谷歌地图上。我跟随地面覆盖样本代码，但这只允许我使用北/南/东/西边界指定图像布局。只要我的图像是一个长方形的，沿着经纬度线定向的作品。我真的很想能够准确地放置一个图像，包括定制的比例和角方向。这似乎不可能与地面覆盖。

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

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

​

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

我所看到的所有Google映射本地覆盖工具都依赖于LatLngBounds类，因此出现了NSEW垂直对齐问题。我知道我可以计算出所需的角度，转到php服务器，旋转一个具有透明背景的.png图像，每个php图像，但是对于地理映射练习来说，这似乎是一个黑客。我还可以在一个.png文件中预先旋转汽车，并将它们保存为red_car_15degrees.png、blue_car_30degrees.png、white_pickup_45degrees.png (三辆不同的汽车x5度从0到45度的增量)，但这也让我感觉就像一次黑客攻击。

有没有创建一个自定义的地图覆盖在一个给定的方向角，所以我可以在汽车层显示城市规划师什么是可用的？非常感谢。

Answer 1

我会在一个<canvas>中画和旋转，然后把它打开。编辑:放置在画布，ctx.rotate，c.toDataUrl()，和覆盖在你的地图上。