Question

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


        });

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

我正在使用上面的代码它很不错，但它通过路径：google.maps.SymbolPath.FORWARD_OPEN_ARROW，的代码显示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   
                    }


        });

旋转谷歌地图标记图像

2 个答案: