收藏
回答

如何在使用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
    有用
    回复
登录 后发表内容