地図画面の動作が遅い

[ssig33]

地図をドラッグ&ドロップした時の挙動がとにかく遅くて、印刷したい地図の状態を得るのが困難であると思う

[smellman]

ちなみに、2019年台風19号のマップを見ているならば、そもそもデータ量が多すぎるので、重くて当然というのはある。

これ？

[takano32]

補足。

Slack

つまり

[yuiseki]

案

• 案A：マーカーのクラスタリングに対応する データが多すぎる場合にクラスタリング表示をする #264
• 案B：表示している領域だけマーカーを描画する
• 案C：地図をドラッグしている時はマーカーを描画しない ← New!

[halsk]

この問題は引き続き解消されていないので、なんとかしたいところ

[smellman]

markerではなくSpriteを表示するようにすると高速に動くはずだが、Spriteを動的に作る仕組みなどを考える必要がある。

• https://maplibre.org/maplibre-gl-js/docs/API/classes/maplibregl.Map/#loadimage
• https://maplibre.org/maplibre-gl-js/docs/API/classes/maplibregl.Map/#addimage

[Kanahiro]

この件、気になったのでみてみましたが

mapprint/components/PrintableMap.vue

Line 198 in 4397291

inBoundsMarkers() {

①地図移動のたびにcomputedプロパティのinboundMarkersが再計算され、②この値に依存する別のcomputedが再計算され…と重たいようです。GeoJSONのループ自体が重たいのかも？

たとえば常に全件表示するようにすると、地図操作のパフォーマンスは改善するような気がします。それでもフレームレートは遅いですが。なので地図の描画速度がボトルネックではない気がしました。

[Kanahiro]

概要はPRに書いてありますが、毎回markerを全てループしていて、かつコストの高い処理が入っていたのが、パフォーマンス低下の原因と思われます。