大屏地图点位笔记

在地图应用中,当处理多个不同接口的点位时,文章提出了分别编写方法的策略。同时,为避免重复请求,已点击点位会被存储,再次点击时直接使用缓存,减少服务器负担。在点位选择变化或取消时,更新存储并重新渲染地图。状态管理变量markerStore用于存储和创建地图上的点位。
摘要由CSDN通过智能技术生成

请求点位

在地图里需要添加许多点位的时候,如若每个点位的接口都不相同,需要将方法分开写.

点过的点位保存

有些点位已经点过了的话,为了避免造成服务器资源的浪费,可以在点过之后将点位存储起来,再次点击的话直接拿出来,去生成地图点位,而不必频繁去请求接口
在这里插入图片描述
就比如这里的内容,通过判断state.importMarker[‘people’]?.length是否等于0来判断people也就是重点人员是否点击过,如果点击过,就resolve结束,反之则去请求接口

已经选择了多个点位的情况取消点位

此时会触发传过来的值与之前所保存的值不同的情况,也就是点位选择发生变化。
将目前传过来的点位保存起来,并且去调用方法

在接收类型选择的时候,已经在上面将state.markerStore清空,这个state.markerStore是用来创建地图点位渲染上去用的。遍历传过来的重点类型的点位数据,将这个点位的state.importMarker放进去,去创建渲染点位
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值