問題タブ [vector-tiles]

反応リーフレットで使用するためにラップされた Leaflet.VectorTileLayer。オーバーレイにはこれらのタイル レイヤーが多数あり、他のいくつかのレイヤーは、react-leaflet の GeoJSON コンポーネントを使用して直接 json データをインポートします。すべてが正常に機能しますが、最初に geojson レイヤーを読み込むと、ベクター タイル レイヤーの対話性が失われます。レイヤーの読み込みは正常ですが、クリック可能ではないか、その他のスタイル オプションがマップにレンダリングされません。geojson レイヤーをロードしなくても、機能しています。

コードでの簡単な使用法:

ベクター タイルの実装は @willfalconer のリポジトリから取得しました

そのため、タイルがレンダリングされるまでパン/ズームインおよびズームアウトしているときに pbf ベクター タイルを使用するとパフォーマンスの問題が発生します (たとえば、タイルがレンダリングされる前にズームインおよびパンしようとすると、画面がすぐにフリーズします)、レンダリングが完了すると、すべてがスムーズに実行されます. Android/IOS のオフライン マップ機能を実装していること、およびデバイスに pbf タイルを保存したことに注意することがおそらく重要です。だからここに私が現在やっていることがあります：

renderOrder、renderBuffer、renderMode、declutter オプションをいじってみましたが、役に立ちませんでした。また、私はここで、ズーム/パン中にマップがスタッターし、スムーズではないことを確認できます。どんな助けでも大歓迎です