更新 Google 地图标记中的 MarkerImage sprite 原点 (v3)

Question

我想动态更新由 Google Maps API v3 中的 MarkerImage 构造函数生成的精灵的“原点”点，并且想知道是否可以在不完全生成新的 MarkerImage 的情况下实现这一点。

这是一些代码：

// Marker options
var markerOptions = {
    icon: new google.maps.MarkerImage('../images/content/marker.png', 
      new google.maps.Size(88,88),
        new google.maps.Point(0,0),
      new google.maps.Point(44,88)
    ),
  position: position,
  map: map
}

var marker = new google.maps.Marker(markerOptions);

我可以按照marker.setPoint(0,10)的方式做一些事情，还是需要创建一个新的MarkerImage只是为了再次设置精灵原点？

Answer 1

当在地图上绘制 MarkerImage 时，最快的方法是：

marker.getIcon().origin = new google.maps.Point(0, 10);
marker.setIcon(marker.getIcon()); //re-draw the MarkerIcon

Answer 2

您可以设置标记图标的原点属性。在您的示例中：

marker.getIcon().origin = new google.maps.Point(0, 10);

以下内容也适用：

marker.icon.origin = new google.maps.Point(0, 10);

Answer 3

创建 MarkerImage 后，无法更改其属性（至少根据 API 参考）。您可以创建一个新的 MarkerImage 并调用 marker.setIcon()。