Google地图标记偏离中心

Question

我有一个谷歌地图，在特定的Lat和Lng有一个圆圈。我也在使用我想要显示在圆圈中心的标记，该标记应该是圆圈设置的Lat和Lng。

以下是我所谈论的屏幕截图：

您可以看到“6”和“7”不在圆圈的中心。我不知道如何解决这个问题？

这是标记代码：

var markerIcon = [
                "img/marker-icon-1.png",
                "img/marker-icon-2.png",
                "img/marker-icon-3.png",
                "img/marker-icon-4.png",
                "img/marker-icon-5.png",
                "img/marker-icon-6.png",
                "img/marker-icon-7.png",
                "img/marker-icon-8.png",
                "img/marker-icon-9.png",
                "img/marker-icon-10.png"
            ];


var marker = new google.maps.Marker({
    position:new google.maps.LatLng(mapDataTrending[i].lat, mapDataTrending[i].lng),
    icon: markerIcon[i],
    map: map
});

我正在从JSON文件设置Lat和Lng，但我使用相同的Lat和Lng来设置我的圆圈的中心。

Answer 1

请注意，当您将图像作为标记放置时，图像的底部中心会转到所选的latlng。你需要通过Icon.anchor属性调整你的图像大小（假设你正在谈论谷歌地图Javascript v3，因为你正在使用图标）

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