ズーム可能なマップ タイルのこの D3 実装とこの例に従って、特定の都市のパスのストリート ビュー マップを作成しました。マップをロードしましたが、次のような svg パスを追加する際に問題が発生し続けます。
- いくつかの計算されたストローク幅でほとんどのパスが消えます(別のSO投稿はこちら)
- ズームイン中に mouseover および mouseout イベントがトリガーされなくなりました (ストローク幅が原因である可能性もあります)
これらは通常、パスが短い場合、つまり通りから通りへのパスである場合に発生します。しかし、ある国から別の国への道を作ると、うまくいきます。しかし、これは私が必要とするものではありません。
読んでみると、ビューがワールド ビュー レベルで開始されるため、ストリート ビュー レベルにズームインすると、動的に調整される svg 要素 (例: 4.47035e-08 ストローク幅) に対してスケールが大きくなりすぎることが問題だと思います。スケールがそれほど大きくならないように、最初のビューを国/都市レベルに制限する方法はありますか?
または、これを達成する別の方法はありますか?ビューポート? ビューボックス? どんな助けでも大歓迎です!