公告列表
公告列表
收藏
回答

如何在使用map时实现地图“懒加载”？

有一个需要在地图上展示位置的需求，需求场景大概是这样的：

  1. 有一批快递需要投递，但是投递点有若干个，以列表的形式在页面上展示
  2. 每一条数据后都会显示该投递点在地图上的位置，这样就会导致整个页面需要渲染多个地图，最终导致页面会非常卡

目前只是给每个地图单独加了一个开关来控制显示隐藏，比较麻烦，所以想问问，有没有一种类似于图片懒加载的功能？

回答关注问题邀请回答
收藏

4 个回答

  • 微盟
    微盟
    2022-08-23

    监听每个item是否在视图内，自己实现。createIntersectionObserver

    2022-08-23
    有用
    回复
  • 落 花 情
    落 花 情
    2022-08-22

    设置一个a初始值为4，监听页面滚动改变a，根据a把数据添加进循环的数组，试试看行不行

    2022-08-22
    有用
    回复
  • 小黎
    小黎
    2022-08-22

    多个投递点，一张地图显示多个markers不就行了

    2022-08-22
    有用
    回复 1
    • 壹叁贰
      壹叁贰
      2022-08-22
      地图只是附加显示的，重点是列表的文字。大部分人是不看地图的，再加上地图加载慢，所以显示默认进页面是不显示地图。这个页面主要就是显示投递点相关信息，所以必须要以这种列表方式显示每一条信息，没法一个地图显示多个marker
      2022-08-22
      赞
      回复
  • 壹叁贰
    壹叁贰
    2022-08-22

    页面大概就是这样的，多条数据遍历展示，每一条数据后都有对应的地图展示

    2022-08-22
    有用
    回复
请 登录 后发表内容
相关问题
相关文档