<分区>
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，但我想在此处添加图像而不是箭头
比如汽车图像，当车辆向某个方向移动时它可以旋转。我有一定程度的旋转，所以有什么方法可以放置图像而不是 arraow
最佳答案
您正在使用 Symbol在那个例子中你的图标的对象。相反，您可以使用 Icon对象。
icon: {
url: "/path/to/your/image.jpg"
}
但是它不包含旋转属性。相反，我会假设您有多个 sprite，因此您根据需要更新该 URL 以使用特定图像来表示不同的旋转度数。例如您可以将它们命名为“image0.jpg”、“image45.jpg”和“image90.jpg”等。
或者，您可以继续使用 Symbol 对象，但您可以使用 SVG path notation 指定路径.
关于javascript - 旋转谷歌地图标记图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16211242/
相关文章：
Javascript document.forms 值不适用于 Internet Explorer
javascript - Grunt 任务 - 从不带扩展名的路径获取文件名
javascript - 使用angularjs在特定页面加载外部库
javascript - 显示/隐藏类别标记。不使用 MarkerCluster
javascript - HTML 无法在 iOS/OSX 项目中加载 css 和 js 文件
javascript - 元素 li 的 onmouseover 不起作用
javascript - 使用 React useContext 和 useReducer 时出现 Typescript 错误
c# - Geocode api OVER QUERY LIMIT 由于并行