(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210802404.7 (22)申请日 2022.07.07 (71)申请人 厦门精图信息技 术有限公司 地址 361008 福建省厦门市思明区吕岭路 1819号A802室 (72)发明人 乔志勇　陈庆聪　欧阳波　蔡剑英　 (74)专利代理 机构 厦门加减专利代理事务所 (普通合伙) 35234 专利代理师 包爱萍 (51)Int.Cl. G06F 9/451(2018.01) G06T 11/20(2006.01) (54)发明名称 地图界面显示范围定位自适应方法、 装置、 介质及设备 (57)摘要 本发明涉及电子地图技术领域， 特别涉及一 种地图界面显示范围定位自适应方法、 装置、 介 质及设备。 与现有技术相比， 本发明首先在地图 显示界面上设置地图可视范围区域， 地图可视范 围区域用于显示地图上的目标区域； 接着确定目 标区域的显示范围； 根据地图可视范围区域以及 显示范围对显示界面相对于地图进行定位， 以使 得目标区域的显示范围位于地图可视范围区域 内。 通过在在显示界面上设置地图可视范围区域 用以目标主体， 根据该可视范围区域预与目标区 域的显示范围对显示界面进行定位， 以避免现有 技术中直接使用显示界面全屏对目标区域进行 定位导致目标区域被界面上其他业务信息区域 的框体等遮盖， 影响用户观察目标区域。 权利要求书2页 说明书6页 附图2页 CN 115509653 A 2022.12.23 CN 115509653 A 1.一种地图界面显示范围定位自适应方法， 其特 征在于， 包括以下步骤： S10： 在所述地图显示界面上设置地图可视范围区域， 所述地图可视范围区域用于显示 地图上的目标区域； S20： 确定所述目标区域的显示范围； S30： 根据 所述地图可视范围区域以及所述显示范围对显示界面相对于地图进行定位， 以使得所述目标区域的显示范围位于所述 地图可视范围区域内。 2.根据权利要求1所述的地图界面显示范围定位自适应方法， 其特征在于： 步骤S10包 括以下步骤： 创建地图div， 将所述 地图div的宽高设为10 0％； 设置所述 地图div的positi on为fixed以将所述 地图的定位方式设置为固定 定位； 将所述地图div的pointer ‑events设为auto， 以使得所述地图div被其他div覆盖时能 够进行事 件交互； 创建悬浮div， 所述悬浮div的宽高设为10 0％； 将所述悬浮div的positi on为absolute以将所述悬浮框的定位方式设置为 绝对定位。 3.根据权利要求2所述的地图界面显示范围定位自适应方法， 其特征在于： 所述悬浮 div的display设置为 flex， flex ‑direction设置为column， 以使得所述悬浮框具有纵向弹 性盒布局； 所述悬浮div具有头 部div、 中部div和底部div三个子节点。 4.根据权利要求3所述的地图界面显示范围定位自适应方法， 其特征在于： 所述中部 div的display设置为flex， flex ‑direction 设置为row以使得所述中部div具有横向弹性盒 布局； 所述中部div具有横向依次布置的第一区域div、 第二区域div和第三区域div三个子节 点， 其中所述第二区域div的范围设置为所述地图可视范围区域， 设置所述第二区域div的 pointer‑events为 none以使得 所述地图可视范围区域 不进行事 件交互。 5.根据权利要求1所述的地图界面显示范围定位自适应方法， 其特征在于： 步骤S20中 所述目标区域的所述显示范围包括第一四至范围， 所述第一四至范围根据所述目标区域在 全屏显示时的四至范围确定， 或者 根据所述目标区域本身的四至经纬度确定； 所述第一四至范围包括第一经度最小值xmin， 第一经度最大值xmax， 第一纬度最小值 ymin和第一纬度最大值ymax。 6.根据权利要求5所述的地图界面显示范围定位自适应方法， 其特征在于： 所述步骤 S30包括： 获取所述显示界面的第一宽度w idthFull和第一高度heightFul l， 单位为像素； 获取所述地图可视范围区域的第二宽度width和第二高度height， 以及所述地图可视 范围区域的原 点相对所述显示界面的原点横向偏移量xOffset和纵向偏移量yOffset， 单位 为像素； 计算所述地图在所述显示界面全屏显示的第二四至范围以对所述显示界面相对地图 进行定位， 以使得所述 目标区域显示在所述地图可视范围区域内， 并使得所述目标区域在 所述地图可视范围区域内具有最大显示范围， 所述第二四至范围包括第二经度最小值 xminNew， 第一经度最大值xmaxNew， 第一纬度最小值ymi nNew和第一纬度最大值ymaxNew。权　利　要　求　书 1/2 页 2 CN 115509653 A 27.根据权利要求6所述的地图界面显示范围定位自适应方法， 其特征在于： 所述第 二四 至范围的算法包括： xminNew＝xmin‑(xOffset/width)*(xmax ‑xmin)； yminNew＝ymin‑((heightFul l‑yOffset‑height)/ height)*(ymax ‑ymin)； xmaxNew＝xmax+( (widthFull‑xOffset‑width)/width)*(xmax ‑xmin)； ymaxNew＝ymax+(yOf fset/height)*(ymax ‑ymin)。 8.一种地图界面显示范围定位自适应装置， 其特 征在于， 包括： 可视范围确定单元， 用于所述地图显示界面上设置地图可视范围区域， 所述地图可视 范围区域用于 显示地图上的目标区域； 显示范围确定单 元， 用于确定所述目标区域的显示范围； 显示界面定位单元， 用于根据 所述地图可视范围区域以及所述显示范围对显示界面相 对于地图进行定位， 以使得 所述目标区域的显示范围位于所述 地图可视范围区域内。 9.一种计算机可读存储介质， 其特征在于： 所述计算机可读存储介质存储有计算机指 令， 所述计算机被处理器执行时实现如权利要求1 ‑7任一项所述的一种地图界面显示范围 定位自适应方法。 10.一种计算机设备， 其特征在于： 包括至少一个处理器、 及与所述处理器通信连接的 存储器， 其中所述存储器存储可被至少一个处理器执行 的指令， 所述指令被至少一个处理 器执行， 以使所述处理器执行如权利要求1 ‑7任一项所述的一种地图界面显示范围定位自 适应方法。权　利　要　求　书 2/2 页 3 CN 115509653 A 3