javascript - 旋转谷歌地图标记图像

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， 但我想在此处添加图像而不是箭头

例如汽车图像，因此当车辆向某个方向移动时它可以旋转。我有一定程度的旋转，所以有什么方法可以放置图像而不是箭头

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   
                    }


        });