自定义图标不居中

Question

我正在尝试在我的网站上添加标记。一切正常，但我看到标记总是略微偏移，相对于我点击的位置。此外，只有当我尝试添加自定义图标时才会出现此问题。使用默认图标标记时，一切正确。

负责在我的网站上添加标记的部分代码：

 lastMarker = new google.maps.Marker( 
        position : location,
        map: mapDefault,
        draggable : true,
        icon : { 
                path : fontawesome.markers.MAP_MARKER,
                scale : 0.75,
                strokeWeight : 0.2,
                strokeColor : 'black',
                strokeOpacity : 1,
                fillColor : $('#quest_marker'+ 
                              currentPageButton).attr('data-
                              value'),
                fillOpacity : 1,}
});

因此我得到了这样的结论：

当我尝试添加默认图标时，这是正确的：

是什么导致了这个问题，以及如何解决它。

Answer 1

您可以使用图标的anchor选项

例如; 如果您的png大小为32,32，那么您可以像这样调整图标的锚点：

icon:{
  ...
  anchor: new google.maps.Point(16,32)
}

因此，您可以指出图标的提示。