如何旋转谷歌地图标记？

Question

我使用下面的代码创建一个旋转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,
      }
    });
  } 

Answer 1

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

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