Маркер Google Maps от центра

Question

У меня есть карты google с кругом на конкретном Lat и Lng. Я также использую маркер, который я хочу отображать в центре круга, который должен быть Lat и Lng, на котором установлен круг.

Вот снимок экрана, что я говорю:

Вы можете увидеть «6» и «7» не в центре круга. Я не уверен, как это исправить?

Вот код Marker:

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 
}); 

Я устанавливаю латы и LNG из файла JSON, но я использую тот же Lat и LNG, чтобы установить центр моих кругов.

Answer 1

Обратите внимание, что при размещении изображения в качестве маркера нижний центр изображения переходит к выбранному latlng. вам нужно настроить для вашего размера изображения с помощью свойства Icon.anchor (предполагается, что вы говорите о Google Maps JavaScript v3, так как вы используете значок)

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