如何旋转谷歌地图标记？ [复制]答案

【问题标题】：How to rotate google maps marker? [duplicate]如何旋转谷歌地图标记？ [复制]
【发布时间】：2020-07-24 21:09:16
【问题描述】：

我使用下面的代码创建一个 190 度旋转的标记，但它不起作用。其他图标选项运行良好，只有旋转不起作用。

createMapMarker(pos, map) {
    var iconUrl = 'assets/img/green_arrow.png'
    var iconScaledSize = new google.maps.Size(15, 15)
    var iconOrigin = new google.maps.Point(0,0)
    var iconAnchor = new google.maps.Point(7.5, 7.5)

    return new google.maps.Marker({
      position: pos,
      map: map,
      title: '',
      icon: {
        url: iconUrl,
        scaledSize: iconScaledSize,
        origin: iconOrigin,
        anchor:iconAnchor,
        rotation: 180,
      }
    });
  }

【问题讨论】：

标签： google-maps google-maps-api-3

【解决方案1】：

旋转不是Icon 接口的属性，它只对SVG Symbol 接口有效。

为您的图标使用 SVG 符号或使用 CSS 旋转图像（jpeg、png、gif）（相关问题：rotate a .gif image on google maps api v3?）

【讨论】：