谷歌地图标记偏离中心

Question

我有一个谷歌地图，在一个特定的经纬度和圆圈。我还使用了我想要显示在圆圈中心的标记，它应该是圆圈设置的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文件，但我使用相同的纬度和液化天然气来设置我的圈子的中心。

Answer 1

请注意，当您将图像作为标记放置时，图像的底部中心会转到选定的纬度。你需要调整通过Icon.anchor财产的图像尺寸（假设你在谈论谷歌地图的Javascript V3由于您使用的图标）

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