uniapp使用map组件白屏长和marker点过多

Question

uniapp使用map组件白屏长和marker点过多，如何解决白屏时间，marker点数据是一次性返回的，而且需要实时更新点位置，怎么优化呢？

Answer 1

该回答引用ChatGPT

针对 uniapp 中使用 map 组件出现白屏时间长和 marker 点过多的情况，可以尝试以下优化方法：

1、使用异步加载 Marker 点：如果 Marker 点数据较多，可以使用异步加载的方式，只加载当前视野范围内的 Marker 点，当地图移动时再异步加载新的 Marker 点，以减少初始加载时间和占用内存。

2、使用 marker 点聚合：当 Marker 点过多时，可以考虑使用聚合技术，将相邻的 Marker 点合并为一个 Marker 点，以减少渲染负担。

3、使用图片或缩略图替代 marker 点：如果 Marker 点的信息较为简单，可以使用图片或缩略图替代 marker 点，以减少渲染负担。

4、使用 web worker：可以使用 web worker 将计算和渲染 Marker 点的操作放在另一个线程中进行，以减少主线程的负担，提高渲染效率。

5、缓存 Marker 点位置：如果 Marker 点的位置信息不需要实时更新，可以将 Marker 点的位置信息缓存到本地，避免重复的网络请求，减少渲染时间。

6、优化地图数据请求：可以考虑优化 Marker 点数据的请求方式，如使用分页加载的方式，减少一次性返回大量数据的压力，同时可以设置请求超时时间等。