ポリラインのデフォルトのマーカーアイコンの代わりに小さな円のアイコンマーカーを使用

Question

マーカーとポリラインのGoogleマップを表示するためのリーフレットプラグインを使用しています。 デフォルトマーカーを使用すると、マーカーがポリラインで正しく添付されています。 しかし、小さな円のアイコンイメージでデフォルトのマーカーを変更したとき、正しく取り付けられていません。

私はスクリーンショットにアタッチしています。私に教えてくださいどうすればこの問題を解決できますか？

Answer 1

マーカの中心は、それが描いている座標でない限り、私は覚えているとして、あなたはマーカーを変更するときに与える必要があるいくつかの高さ/幅は、あります。

ドキュメントからのこの例では、あなたが、私はCSSを設定することで解決し

var myIcon = L.icon({ 
    iconUrl: 'my-icon.png', 
    iconSize: [38, 95], 
    iconAnchor: [22, 94], 
    popupAnchor: [-3, -76], 
    shadowUrl: 'my-icon-shadow.png', 
    shadowSize: [68, 95], 
    shadowAnchor: [22, 94] 
}); 
L.marker([50.505, 30.57], {icon: myIcon}).addTo(map);