Google マップにいくつかのルートを表示します。ユーザーがルート (またはその付近) にカーソルを合わせたり、クリックしたりすると、ルート情報がポップアップ表示されます。
問題は、マウスの精度が必要なため、Google がクリック/ホバーするルートを作成しなかったことです。それをクリックするか、ホバーしてアクティブにするためには、ルート ピクセル上にいる必要があります。それはかなり挑戦的です！
ルート線を太くしてみましたが、太くしすぎると重なって見づらくなってしまいます。
ホバーエリアを増やすには？
道順については、ルートからのマウスの距離が大きい場合に表示されるマウス トラッカーが Google にあることに気付きました。このマウス トラッカーは、マウスがルートから一定の距離にあるときに表示されるルート上のポイントです。それはちょっと私が欲しいものです。ルート内のすべてのセグメントを調べて手動で実装し、セグメントの終点 (およびセグメントの長さによっては、セグメントに補間されたいくつかのポイント) からマップ上のマウス座標までの距離を計算することができます。ズームレベルを考慮するか、マップ上の距離を画面上の距離/ピクセルに変換する方法が必要です。