カスタムアイコンが中央にない

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

をだから、あなたはあなたのアイコンの先端を指すことができます。