旋转谷歌地图标记图像

Question

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


        });

我试图在某种程度上旋转谷歌地图上的标记图像.

我正在使用上面的代码它很不错,但它通过路径代码显示FORWARD_OPEN_ARROW :google.maps.SymbolPath.FORWARD_OPEN_ARROW, 但我想在这里添加图像而不是箭头

例如汽车图像,因此当车辆向某个方向移动时它可以旋转.我有一定程度的旋转所以有没有办法把图像而不是arraow

Answer 1

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

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

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

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

Answer 2

尝试这个

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


        });