页面中展示地图的方法、装置、电子设备及存储介质与流程

本申请实施例涉及地图技术领域，尤其涉及页面中展示地图的方法、装置、电子设备及存储介质。

背景技术：

越来越多的应用软件基于具体功能需求，需要在页面中展示地图，以达到为用户提供相关的地图信息的目的。在某些场景下，页面在展示地图的基础上，还展示有一个或多个其他的页面元素，在页面需要展示较多内容的情况下，若所展示的地图信息不符合用户需求，可能导致用户频繁操作地图、服务端可能面临大量的数据请求，从而增加服务端的处理压力。

技术实现要素：

为克服相关技术中存在的问题，本申请实施例提供了页面中展示地图的方法、装置、电子设备及存储介质。

一种页面中展示地图方法，所述页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素，所述方法包括：

确定所述页面元素在所述地图展示区域上的覆盖区域；

获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围；

在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

可选的，所述确定所述页面元素在所述地图展示区域上的覆盖区域，包括：

获取所述页面元素的高度、宽度或边缘坐标中的一种或多种属性信息，根据所获取的属性信息计算出所述覆盖区域。

可选的，所述页面元素具有至少两种状态，不同状态下所述页面元素的所述属性信息不同，所述方法还包括：

检测所述页面元素的状态，在确定所述页面元素状态发生变化后，重新确定所述页面元素的覆盖区域。

可选的，所述获取所述地图元素的位置，包括：

根据预设周期获取所述地图元素的位置；

所述方法还包括：

按照所述预设周期刷新所述地图，更新所述地图元素在所述地图上的位置。

可选的，所述位置包括地理位置坐标；

所述根据所述地图元素的位置确定包含所述地图元素的地图范围，包括：

根据一个或多个所述地图元素的地理位置坐标确定所述地图范围的中心，根据预设比例尺确定所述地图范围。

可选的，所述控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，包括：

令所述地图范围的中心与所述目标区域的中心重合，通过缩放所述地图的比例尺，控制所述地图范围在目标区域内。

可选的，所述方法还包括：

若接收到针对所述地图的操作指令，根据所述操作指令操作所述地图的预设时间后，重新执行所述控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内的步骤。

可选的，所述地图元素包括网约车订单中的车辆、行程起点或行程终点中的一种或多种。

一种页面中展示地图装置，所述页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素，所述装置包括：

覆盖区域确定模块，用于：确定所述页面元素在所述地图展示区域上的覆盖区域；

地图范围确定模块，用于：获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围；

展示模块，用于：在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

可选的，所述覆盖区域确定模块，还用于：

获取所述页面元素的高度、宽度或边缘坐标中的一种或多种属性信息，根据所获取的属性信息计算出所述覆盖区域。

可选的，所述页面元素具有至少两种状态，不同状态下所述页面元素的所述属性信息不同，所述覆盖区域确定模块，还用于：

检测所述页面元素的状态，在确定所述页面元素状态发生变化后，重新确定所述页面元素的覆盖区域。

可选的，所述地图范围确定模块，还用于：根据预设周期获取所述地图元素的位置；

所述展示模块，还用于：

按照所述预设周期刷新所述地图，更新所述地图元素在所述地图上的位置。

可选的，所述位置包括地理位置坐标；

所述确定地图范围模块，还用于：

根据一个或多个所述地图元素的地理位置坐标确定所述地图范围的中心，根据预设比例尺确定所述地图范围。

可选的，所述展示模块，还用于：

令所述地图范围的中心与所述目标区域的中心重合，通过缩放所述地图的比例尺，控制所述地图范围在目标区域内。

可选的，所述展示模块，还用于：

若接收到针对所述地图的操作指令，根据所述操作指令操作所述地图的预设时间后，重新执行：控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内。

可选的，所述地图元素包括网约车订单中的车辆、行程起点或行程终点中的一种或多种。

一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素；

确定所述页面元素在所述地图展示区域上的覆盖区域；

获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围；

在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

一种计算机存储介质，所述存储介质中存储有程序指令，所述程序指令包括：

页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素；

确定所述页面元素在所述地图展示区域上的覆盖区域；

获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围；

在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开实施例的实施例，并与说明书一起用于解释本公开实施例的原理。

图1是相关技术中一种页面示意图。

图2a是本申请根据一示例性实施例示出的一种页面中展示地图方法的流程图。

图2b是本申请根据一示例性实施例示出的一种页面示意图。

图2c是本申请根据一示例性实施例示出的另一种页面示意图。

图2d是本申请根据一示例性实施例示出的另一种页面示意图。

图3是本申请根据一示例性实施例示出的一种页面中展示地图装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开实施例相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开实施例的一些方面相一致的装置和方法的例子。

在本公开实施例使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开实施例。在本公开实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本公开实施例可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本公开实施例范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

越来越多的应用软件基于具体功能需求，需要在页面中展示地图，以达到为用户提供相关的地图信息的目的。以网约车场景为例进行说明，现有移动端的网约车应用，可以根据不同功能提供不同的页面。举例来说，当网约车司机用户接送乘客用户，网约车应用可以提供一行程中页面，如图1所示，是相关技术中一种页面示意图，该页面中可以展示有地图数据，包括行程起点、行程终点，从起点至终点的行驶路线以及车辆当前位置等等地图元素。页面在展示地图的基础上，还展示有一个或多个其他的页面元素，例如图1中页面上侧的可点击展开的标签，以及页面下侧的可点击展开的标签。

若用户点击下侧标签，该标签可以展开，以展示更多信息。如图1所示，当标签展开后，页面中行程相关的地图信息被压盖了一部分。可以理解，该页面中，用户通常较为关注地图行程相关的信息，在发生信息压盖的情况下，所展示的地图信息不符合用户需求，可能需要用户重新触发标签折叠、或者触发改变地图的缩放比例等等操作。

而本申请实施例中，可以确定包含用户关注的地图元素的地图范围，以及确定页面元素在所述地图展示区域上的覆盖区域，因此在展示地图时，能自动控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，从而使得页面能够根据地图元素的位置变化以及页面元素的覆盖区域的变化，从而用户关注的地图元素不被压盖，因此无需用户额外进行其他操作，从而减少数据请求的发起。接下来对本申请实施例进行详细说明。

如图2a所示，是本申请根据一示例实施例示出的一种页面中展示地图方法的流程图，所述页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的可移动的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素，所述方法包括如下步骤：

在步骤202中，确定所述页面元素在所述地图展示区域上的覆盖区域。

在步骤204中，获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围。

在步骤206中，在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

本实施例的方案具体可以应用于需要在页面展示地图的场景中，例如可以是应用于电子设备中安装的网约车应用，如前述图1所示，网约车场景中，网约车应用可以展示行程相关信息页面，在该页面需要展示页面元素等其他较多内容的情况下，该网约车应用可以采用本申请实施例所提供的方案，根据行程相关信息的变化或其他页面元素的变化，控制页面内容的展示更为符合用户的需求，从而可以减少用户操作，减少数据请求的发起。

在其他例子中，外卖等应用中可能需要提供有展示外卖人员位置的页面，以向用户展示外卖人员从店铺至用户位置的相关位置信息，该页面中可能展示有涉及外卖订单信息等等的其他页面元素，因此，该外卖应用可以采用本申请实施例所提供的方案，根据相关位置信息的变化或其他页面元素的变化，控制页面内容的展示更为符合用户的需求，从而可以减少用户操作，减少数据请求的发起。

在另一些例子中，还可以是地图应用，地图应用可能需要提供有公交车等某些对象的位置信息页面，以向用户展示公交车的位置至用户位置等相关位置信息，该页面中可能还展示有其他页面元素，因此，该地图应用可以采用本申请实施例所提供的方案，根据相关位置信息的变化或其他页面元素的变化，控制页面内容的展示更为符合用户的需求，从而可以减少用户操作，减少数据请求的发起。

可选的，本实施例方案在具体实现时，可以是app中的一功能模块。其中，地图展示区域是指app开发过程中，技术人员设计的页面中用于展示地图的区域，该地图展示区域的大小可以根据实际的页面设计需求而确定。通常，app中的页面覆盖电子设备的整个屏幕，或者是占据部分屏幕，在一些例子中，地图展示区域的大小可以等于页面的大小，在另一些例子中，可能页面中划分了一部分区域作为地图展示区域。实际应用中可以根据需要而灵活设置，本实施例对此不作限定。

其中，地图展示区域用于展示基础地图数据，在基础地图数据之上，可以根据实际应用场景展示一个或多个地图元素，例如网约车场景中的车辆位置、外卖场景中的外卖员位置、地图场景中的车辆位置或公交车位置等等。这些地图元素的位置可以是固定的，例如前述的行程终点或行程起点等，在另一些例子也可以是变化的，例如前述的车辆位置，具体的实现方式可以结合实际应用场景而灵活配置。

页面在展示地图的过程中，地图元素的位置可能会发生变化，为了实现地图元素位置的准确展示，在一个可选的实现方式中，所述获取所述地图元素的位置，包括：

根据预设周期获取所述地图元素的位置；

所述方法还包括：

按照所述预设周期刷新所述地图，更新所述地图元素在所述地图上的位置。

可选的，地图元素在地图上的位置，可以由地图元素所对应对象提供，假设地图元素对应网约车场景中网约车订单的车辆，地图元素的位置由司机用户的客户端提供，假设地图元素对应外卖场景中外卖员的位置，地图元素的位置由外卖客户端提供，在其他例子中，还可以是由app或相关的数据提供方提供等等，具体获取方式可结合实际应用场景而确定。

进一步的，本申请实施例中可以预先通过设定3秒、5秒或10秒等时长作为该预设周期，根据该预设周期获取地图元素的位置，并将地图进行刷新，使得页面中能展示最新的地图元素的位置信息。

地图元素作为页面中用户关注的对象，本申请实施例可以确定包括地图元素的地图范围，确定地图范围的目的，是为了可以圈定地图中包围用户所关注的所有信息的范围，举例来说，如图2b所示，是本申请根据一示例性实施例示出的一种页面示意图，图2b中的多元素最小外包矩形即包含了所有地图元素的地图范围。该范围作为用户最为关注的部分，在后续页面展示时，需要保证该地图范围不被其他页面元素所压盖。

另一方面，由前述分析可知，地图元素的位置是变化的，因此地图范围也可以相应发生变化，仍以网约车场景为例，如图2c所示，在行程中用户可能关注车辆位置距离终点的相关信息，当车辆行驶过程中车辆位置发生变化，在刷新地图时，还可以根据地图元素的位置更新地图范围，使页面中展示的内容更为符合用户的需求。

在显示该地图元素时，可以根据实际需要而灵活配置对于地图元素的显示效果，可选的，可以将地图元素设置在地图展示区域的中心位置、黄金分割点等位置，并可以结合设备屏幕分辨率等因素设置一定的缩放比例，从而可以结合地图比例尺，使地图元素对应的地图数据得到较好的展示。可选的，本申请实施例还提供一种确定包含地图元素的地图范围的方式，该地图元素的位置可以包括地理位置坐标，所述根据所述地图元素的位置确定包含所述地图元素的地图范围，可以包括：

根据一个或多个所述地图元素的地理位置坐标确定所述地图范围的中心，根据预设比例尺确定所述地图范围。

本申请实施例中，地图元素可能是一个，也可能是多个，在一个地图元素的情况下，可以将地图元素的位置作为地图范围的中心，进而根据预设比例尺调整地图范围的大小，该预设比例尺可以根据设备屏幕分辨率、地图元素的大小或相应场景中所需的显示效果、相应场景中该地图中的其他地图元素等等而决定。在多个地图元素的情况下，可以根据多个地图元素的位置来确定地图范围的中心，例如可以是以多个地图元素的位置的中心点作为地图范围的中心等等多种方式。

由前述分析可知，地图展示区域上还可能展示有其他可能覆盖地图的页面元素，本实施例可以确定页面元素在地图展示区域上的覆盖区域。可选的，页面元素也可能是app在设计或开发阶段由开发人员所配置，因此，在一个可选的实现方式中，所述确定所述页面元素在所述地图展示区域上的覆盖区域，包括：

获取所述页面元素的高度、宽度或边缘坐标中的一种或多种属性信息，根据所获取的属性信息计算出所述覆盖区域。

在一些例子中，页面元素可能会发生状态变化，例如图1所示的可折叠及可展开的两种状态的标签，在不同状态下，页面元素的覆盖区域可能会发生变化。因此，对于具有至少两种状态的页面元素，不同状态下所述页面元素的所述属性信息不同，为了能及时确定页面元素的覆盖区域，所述方法还可包括：

检测所述页面元素的状态，在确定所述页面元素状态发生变化后，重新确定所述页面元素的覆盖区域。

其中，检测页面元素的状态可以根据页面元素的实际配置而确定，例如，某些页面元素可以通过用户触发而改变，例如页面元素初始是折叠状态，当用户点击后处于展开状态，用户再次点击后又处于恢复状态；在其他例子中，还可以是检测其他事件而改变页面元素状态，例如在未检测到用户触发后，页面元素自动从展开状态恢复为折叠状态等等。可选的，页面元素在设计阶段，可以配置有状态参数，不同参数值用于指示该页面元素的不同状态，因此可以通过获取该参数值，进而确定页面元素状态。实际应用中，上述的检测页面元素的状态的过程，可以在页面开启后持续进行，也可以是周期性执行，该周期可以是3秒、5秒或10秒等时长，具体可以由技术人员灵活配置。

在确定了页面元素的覆盖区域后，根据地图展示区域，可以划分出除所述覆盖区域之外的目标区域，如图2d所示，可以当展示地图时，将包含有地图元素的地图范围在该目标区域内进行展示，当用户点击标签，由于可以检测到页面元素的覆盖区域，因此可以通过控制比例尺或移动地图等方式，及时控制地图范围在目标区域内，从而有效防止页面元素对地图内容的压盖。

在页面元素的覆盖区域变化的情况下，为了提供较好的展示效果，在一个可选的实现方式中，所述控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，可以包括：

令所述地图范围的中心与所述目标区域的中心重合，通过缩放所述地图的比例尺，控制所述地图范围在目标区域内。

本申请实施例中，页面元素的状态改变，相应的覆盖区域也会发生改变，从而导致目标区域的改变，由于需要控制地图范围在目标区域内，在目标区域改变的情况下，可以将所述地图范围的中心与所述目标区域的中心重合，通过缩放所述地图的比例尺，控制所述地图范围在目标区域内。

页面在展示地图的过程中，用户有可能会发起针对地图的操作指令以查看其它地图数据，考虑到地图元素作为用户关注的内容，本申请实施例还提供了如下实施例：

若接收到针对所述地图的操作指令，根据所述操作指令操作所述地图的预设时间后，重新执行所述控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内的步骤。

本申请实施例中，若用户操作地图，客户端接收到针对所述地图的操作指令，根据所述操作指令操作所述地图，在预设时间之后，可以重新执行所述控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内的步骤，使得用户关注的地图元素可以重新自动展示在目标区域中，无需用户执行新的操作指令。

与前述页面中展示地图方法的实施例相对应，本公开实施例还提供了页面中展示地图装置及其所应用的电子设备的实施例。

如图3所示，图3是本公开实施例根据一示例性实施例示出的一种页面中展示地图装置的框图，所述页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素，所述装置包括：

覆盖区域确定模块31，用于：确定所述页面元素在所述地图展示区域上的覆盖区域；

地图范围确定模块32，用于：获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围；

展示模块33，用于：在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

可选的，本实施例方案在具体实现时，可以是app中的一功能模块。其中，地图展示区域是指app开发过程中，技术人员设计的页面中用于展示地图的区域，该地图展示区域的大小可以根据实际的页面设计需求而确定。通常，app中的页面覆盖电子设备的整个屏幕，或者是占据部分屏幕，在一些例子中，地图展示区域的大小可以等于页面的大小，在另一些例子中，可能页面中划分了一部分区域作为地图展示区域。实际应用中可以根据需要而灵活设置，本实施例对此不作限定。

其中，地图展示区域用于展示基础地图数据，在基础地图数据之上，可以根据实际应用场景展示一个或多个地图元素，例如网约车场景中的车辆位置、外卖场景中的外卖员位置、地图场景中的车辆位置或公交车位置等等。这些地图元素的位置可以是固定的，例如前述的行程终点或行程起点等，在另一些例子也可以是变化的，例如前述的车辆位置，具体的实现方式可以结合实际应用场景而灵活配置。

页面在展示地图的过程中，地图元素的位置可能会发生变化，为了实现地图元素位置的准确展示，在一个可选的实现方式中，所述地图范围确定模块，还用于：根据预设周期获取所述地图元素的位置；

所述展示模块，还用于：

按照所述预设周期刷新所述地图，更新所述地图元素在所述地图上的位置。

可选的，地图元素在地图上的位置，可以由地图元素所对应对象提供，假设地图元素对应网约车场景中网约车订单的车辆，地图元素的位置由司机用户的客户端提供，假设地图元素对应外卖场景中外卖员的位置，地图元素的位置由外卖客户端提供，具体获取方式可结合实际应用场景而确定。

进一步的，本申请实施例中可以预先通过设定3秒、5秒或10秒等时长作为该预设周期，根据该预设周期获取地图元素的位置，并将地图进行刷新，使得页面中能展示最新的地图元素的位置信息。

在显示该地图元素时，可以根据实际需要而灵活配置对于地图元素的显示效果，可选的，可以将地图元素设置在地图展示区域的中心位置、黄金分割点等位置，并可以结合设备屏幕分辨率等因素设置一定的缩放比例，从而可以结合地图比例尺，使地图元素对应的地图数据得到较好的展示。可选的，本申请实施例提供一种确定包含地图元素的地图范围的方式，该地图元素的位置可以包括地理位置坐标，所述确定地图范围模块，还用于：

根据一个或多个所述地图元素的地理位置坐标确定所述地图范围的中心，根据预设比例尺确定所述地图范围。

本申请实施例中，地图元素可能是一个，也可能是多个，在一个的情况下，可以将地图元素的位置作为地图范围的中心，进而根据预设比例尺调整地图范围的大小，该预设比例尺可以根据设备屏幕分辨率、地图元素的大小或相应场景中所需的显示效果、相应场景中该地图中的其他地图元素等等而决定。在多个地图元素的情况下，可以根据多个地图元素的位置来确定地图范围的中心，例如可以是以多个地图元素的位置的中心点作为地图范围的中心等等多种方式。

由前述分析可知，地图展示区域上还可能展示有其他可能覆盖地图的页面元素，本实施例可以确定页面元素在地图展示区域上的覆盖区域。可选的，页面元素也可能是app在设计或开发阶段由开发人员所配置，因此，在一个可选的实现方式中，所述覆盖区域确定模块，还用于：

获取所述页面元素的高度、宽度或边缘坐标中的一种或多种属性信息，根据所获取的属性信息计算出所述覆盖区域。

在一些例子中，页面元素可能会发生状态变化，例如图1所示的可折叠及可展开的两种状态的标签，在不同状态下，页面元素的覆盖区域可能会发生变化。因此，对于具有至少两种状态的页面元素，不同状态下所述页面元素的所述属性信息不同，为了能及时确定页面元素的覆盖区域，可选的，所述页面元素具有至少两种状态，不同状态下所述页面元素的所述属性信息不同，所述覆盖区域确定模块，还用于：

检测所述页面元素的状态，在确定所述页面元素状态发生变化后，重新确定所述页面元素的覆盖区域。

其中，检测页面元素的状态可以根据页面元素的实际配置而确定，例如，某些页面元素可以通过用户触发而改变，例如页面元素初始是折叠状态，当用户点击后处于展开状态，用户再次点击后又处于恢复状态；在其他例子中，还可以是检测其他事件而改变页面元素状态，例如在未检测到用户触发后，页面元素自动从展开状态恢复为折叠状态等等。可选的，页面元素在设计阶段，可以配置有状态参数，不同参数值用于指示该页面元素的不同状态，因此可以通过获取该参数值，进而确定页面元素状态。实际应用中，上述的检测页面元素的状态的过程，可以在页面开启后持续进行，也可以是周期性执行，该周期可以是3秒、5秒或10秒等时长，具体可以由技术人员灵活配置。

在页面元素的覆盖区域变化的情况下，为了提供较好的展示效果，可选的，所述展示模块，还用于：

令所述地图范围的中心与所述目标区域的中心重合，通过缩放所述地图的比例尺，控制所述地图范围在目标区域内。

本申请实施例中，页面元素的状态改变，相应的覆盖区域也会发生改变，从而导致目标区域的改变，由于需要控制地图范围在目标区域内，在目标区域改变的情况下，可以将所述地图范围的中心与所述目标区域的中心重合，通过缩放所述地图的比例尺，控制所述地图范围在目标区域内。

页面在展示地图的过程中，用户有可能会发起针对地图的操作指令以查看其它地图数据，考虑到地图元素作为用户关注的内容，本申请实施例还提供了如下实施例：所述展示模块，还用于：

若接收到针对所述地图的操作指令，根据所述操作指令操作所述地图的预设时间后，重新执行：控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内。

本申请实施例中，若用户操作地图，客户端接收到针对所述地图的操作指令，根据所述操作指令操作所述地图，在预设时间之后，可以重新执行所述控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内的步骤，使得用户关注的地图元素可以重新自动展示在目标区域中，无需用户执行新的操作指令。

本申请页面中展示地图装置的实施例也可以应用在电子设备上。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在服务器的处理器将非易失性存储器等可读介质中对应的计算机程序指令读取到内存中运行形成的。

上述页面中展示地图装置中各个模块的功能和作用的实现过程具体详见上述数据查询方法中对应步骤的实现过程，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

相应地，本申请实施例还提供一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素；

确定所述页面元素在所述地图展示区域上的覆盖区域；

获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围；

在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

相应地，本申请实施例还提供一种计算机存储介质，所述存储介质中存储有程序指令，所述程序指令包括：

页面设置有用于展示地图的地图展示区域，所述地图包括一个或多个需展示的地图元素，所述页面还包括一个或多个在所述地图展示区域上展示的、覆盖所述地图的页面元素；

确定所述页面元素在所述地图展示区域上的覆盖区域；

获取所述地图元素的位置，根据所述地图元素的位置确定包含所述地图元素的地图范围；

在所述页面上展示地图时，控制所述地图范围在所述地图展示区域上除所述覆盖区域之外的目标区域内，以在所述目标区域内展示所述地图元素。

本申请实施例可采用在一个或多个其中包含有程序代码的存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。计算机可用存储介质包括永久性和非永久性、可移动和非可移动媒体，可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括但不限于：相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。

本领域技术人员在考虑说明书及实践这里申请的发明后，将容易想到本公开实施例的其它实施方案。本公开实施例旨在涵盖本公开实施例的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开实施例的一般性原理并包括本公开实施例未申请的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开实施例的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开实施例并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开实施例的范围仅由所附的权利要求来限制。

以上所述仅为本公开实施例的较佳实施例而已，并不用以限制本公开实施例，凡在本公开实施例的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本公开实施例保护的范围之内。