[wf9a5m75]

概要

タップしたときに「指の下に描かれているマーカー」を選ぶようにしました。js-sdk-core の共通の規則（pickMarkerHit / preferMarkerHit）を使っています。

1. タップ位置にアイコン（ラベル込み）が描かれているマーカーを優先します（手前のものが勝ちます）。近くに別のマーカーの先端があっても同じです。
2. どのマーカーにも当たっていなければ、許容範囲内でアンカーが一番近いものを選びます。

これまでの判定には 2 つの問題がありました。

• 最後の手段の判定: 「最寄りの 1 つ」だけを見ていたので、隣のピンの頭や、横に置いたラベルのタップが外れていた。
• タイル化マーカー: 「全体で一番近いマーカーがタイル化されているとき」しか調べていなかった。

今は、通常マーカーとタイル化マーカーを同じ規則で比べます。

あわせて、吹き出しの位置計算を、アイコンの実寸（markerIconExtentPx）で行うようにしました。ラベルを横や上に置いたときに、吹き出しがずれないようにするためです。

依存

• Add labelPosition to the default marker icon and pick the marker drawn under the tap js-sdk-core#6 が必要です。先にそちらをマージしてください。

確認（develop 上）

• develop の js-sdk-core にこの変更を当てた版に対して、npm run build が通りました。
• 補足: js-sdk-react の既定ブランチ main は、develop の js-sdk-core に無い MapViewStyle を使っていて、それ単体ではビルドできません（今回の変更とは無関係の既存の状態です）。そのため、js-sdk-react には手元のビルド結果を使いました。
• 作業ブランチの側で、MapLibre 上で実際にクリックして選び方を確かめています。