javascript - Google map API 扭曲标记

标签 javascript html google-maps google-maps-api-3

我正在尝试找到如何使 Google map 标记(它是一个箭头)扭曲。我知道标记必须扭转的方向(从 0 到 360° 的 Angular ),但在互联网上找不到任何相关信息。

有人知道我需要怎么做吗?我知道谷歌地图在手机上是这样的:

Google Maps Icon

最佳答案

在 map 上设置图标时,可以使用 google.maps.Symbol 对象的 rotation 属性。请参阅此处:

https://developers.google.com/maps/documentation/javascript/reference#Symbol

此外,如果您需要确定 rotation 属性的值,则可以使用 google.maps.spherical.computeHeading()。请参阅此处:

https://developers.google.com/maps/documentation/javascript/reference#spherical

示例:

var heading = google.maps.geometry.spherical.computeHeading(fromLatLng, toLatLng);

marker.setIcon({    
    scale: 6,
    rotation: heading
});

关于javascript - Google map API 扭曲标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28997678/

相关文章:

javascript - 使用 javascript/jquery 删除特定的 html 代码

html - CSS 截断输入框的末尾

html - 如何正确嵌套多个 ng-if?

javascript - 使用 Place 获取 Google map Place id

javascript - 当用户使用 vanilla javascript 单击右/左可单击图像时如何执行滚动机制

javascript - 如何更改 D3 中的缩放速度

javascript - 我的带有 "all"运算符的 Mapbox 表达式有什么问题?

Angular 5 - 未定义谷歌(谷歌地图)

javascript - 在谷歌地图反向地理编码中获取明确的城市名称

javascript - 使用字符串替换迭代数据集