如何使用 gmaps4rails 旋转导轨中的标记？答案

【问题标题】：How to rotate marker in rails using gmaps4rails?如何使用 gmaps4rails 旋转导轨中的标记？
【发布时间】：2017-08-02 10:44:09
【问题描述】：

我已将汽车设置为标记并希望旋转它。有没有办法在定义的代码中旋转它。如果没有，我还有什么其他选择？

handler = Gmaps.build('Google');
handler.buildMap({
    provider: {},
    internal: {
        id: "map"
    }
}, function() {
    marker = handler.addMarkers([{
        lat: lat,
        lng: lng,
        "picture": {
            "url": "/assets/car.png",
            "width": 17,
            "height": 38
        }
    }]);
});

【问题讨论】：

标签： javascript ruby-on-rails google-maps marker gmaps4rails

【解决方案1】：

看看这个问题：

How to rotate a marker in Google Maps?

path 需要一个 SVG 元素，我想说这就是他们设法旋转它的方式。如果您使用 SVG 创建自定义标记，则可以使用

轻松完成

transform="rotate(deg centerX centerY").

【讨论】：

感谢您的回复。我按照链接设置icon: "/assets/car.png" 并使用rotation: 45 应用旋转，但它没有旋转。当我设置icon: google.maps.SymbolPath.FORWARD_CLOSED_ARROW 时，它会完美旋转。而且我没有得到transform 部分。

【解决方案2】：

我使用了this答案中的解决方案。它使用画布来旋转图像。请参阅答案末尾的 jsfiddle 链接以获取实时示例。

【讨论】：