旋转谷歌地图标记图像

Question

marker1 = new google.maps.Marker( 
{
    position: myLatlng,
            map: map,
            icon: { 
                    path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
                    scale: 2,
                    rotation: degree   
                    }


        });

我试图在谷歌地图上将标记图像旋转一定角度。 我正在使用上面的代码，它很好用，但是通过以下代码 path: google.maps.SymbolPath.FORWARD_OPEN_ARROW 显示FORWARD_OPEN_ARROW，但我想在这里添加一个图像而不是箭头。 例如汽车图像，因此当车辆向某个方向移动时可以旋转。我有一个旋转角度，所以是否有办法将图像放在箭头位置呢？

- wild

Answer 1

在该示例中，您正在使用Symbol对象作为图标。相反，您可以使用Icon对象。

icon: { 
     url: "/path/to/your/image.jpg"
}

然而，它不包括旋转属性。相反，我会假设您有多个精灵，因此您可以更新该URL以使用特定图像表示所需的不同旋转角度，例如，您可以将它们命名为“image0.jpg”，“image45.jpg”和“image90.jpg”等。

或者，您可以继续使用Symbol对象，但是可以使用SVG路径符号指定路径。

- duncan

---

谢谢，我已经找到了，但我的主要目的是将图标图像旋转一定角度，就像我之前提到的那样。实际上，我正在使用一张汽车图片，并希望按照相应的方向旋转该图片。 - wild

你们有没有找到其他解决方案，而不是声明360度图像？ - Mehdi

可能是唯一可行的解决方案。 - Malik Bagwala

Answer 2

试一下这个

marker1 = new google.maps.Marker( 
{
    position: myLatlng,
            map: map,
            icon: { 
                    url: "/path/to/your/image.jpg",
                    scale: 2,
                    rotation: degree   
                    }


        });

- Satish Sharma

---

抱歉，这不是正确的答案。在回答之前，您应该进行一些研究。 - nur farazi

我已经在我的项目中使用过它。 - Satish Sharma

它不起作用，图标对象没有旋转属性。 - Mehdi