首页 文章

如何在Google Map 上旋转叠加图像?

提问于
浏览
2

我跟随sample code for ground overlays跟随'm trying to place a series of overlays onto a Google Map. I',但这只允许我使用北/南/东/西边界来指示图像放置 . 只要我的图像是一个矩形并沿着经度和纬度线定向,这些作品就可以了 . 我似乎可以使用地面叠加层 .

所以这是一个可能的用例 . 我正在 Build 一个网站,以帮助城市规划者测试停车可用性 .

  • 城市规划师使用分析网站上的Google Map ,使用多边形选择工具选择街道区域 .

  • 网站脚本测试所选多边形区域的停车可用性 .

  • 当我们想要将汽车的随机图像粘贴到页面中时,用户可以更好地查看可用的内容 .

  • 我可以创建汽车的矩形平面视图,但是我无法对其进行角度测量 .

  • 无论原始 Map 如何定向,这都应该有效 . 目标是用户看到建议的解决方案,在当前 Map 视图中完成,并进行扩展 .

  • 显然,图像必须完美地缩放到可见 Map ,这很容易做到(可能需要进行较小的纬度长度调整 . )

Parking Lot Assessment via mapping tools.
(在此图中,城市规划师刚刚通过多边形选择工具选择了感兴趣的区域 . 下一步是评估区域,并粘贴一些停放的汽车,对齐和按比例!)

我正在研究的所有Google贴图原生叠加工具都依赖于LatLngBounds类,因此NSEW垂直对齐问题 . 我知道我可以计算出所需的角度,转到php服务器,使用透明背景旋转.png图像,每个php imagerotate,但这似乎是一个地理映射练习的黑客 . 我也可以在.png文件中预先旋转汽车并将它们保存为 red_car_15degrees.pngblue_car_30degrees.pngwhite_pickup_45degrees.png ,(三个不同的汽车x从0到45度增加5度),但这也感觉就像一个黑客 .

无论如何都要在给定的所需方向角度创建自定义 Map 叠加层,因此我可以在汽车中分层显示城市规划师可用的内容?非常感谢 .

1 回答

  • 0

    我会在 <canvas> 中绘制并旋转然后将其打开 . 编辑:放置在画布上, ctx.rotatec.toDataUrl() ,并在 Map 上叠加 .

相关问题