CN117315172A - 地图页面配置方法、装置、电子设备与计算机可读介质 - Google Patents

Abstract

本公开的实施例公开了地图页面配置方法、装置、电子设备与计算机可读介质。该方法的一具体实施方式包括：响应于接收到预设颜色的颜色属性信息，确定预设颜色所对应的色阶与色相；从预设的色阶搭配模板中选取与色阶相对应的候选色阶搭配模板；根据候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值，其中，地图页面中包括多个展示模块；响应于确定色相不为预设色相，确定预设颜色的同类色的色相范围；根据色相范围，确定至少两个其他配色的色相范围作为配色色相；基于预设颜色、色阶值和配色色相，生成预览地图页面。该实施方式增加了色阶搭配和配色的选择性，提升了地图页面色彩设计的多样性。

Description

地图页面配置方法、装置、电子设备与计算机可读介质

技术领域

本公开的实施例涉及计算机技术领域，具体涉及地图页面配置方法、装置、电子设备与计算机可读介质。

背景技术

目前，在地图页面配置的过程中，通常采用的方式为：通过配色模型（这种配色模型通过基础色系划分、色调及离散裂变，可以支持多种色相，生成相同色相，不同色阶的配色方案）对地图页面进行渲染配色，之后，再对配置完成的地图页面图像进行测试。

然而，采用上述方式通常会存在如下技术问题：

第一，该配色模型无法满足网络环境下丰富多样的页面色彩设计需求，导致配置出的地图页面的色彩较为单调；

第二，在测试放大查看地图时，放大操作繁琐，地图放大时间较长；

第三，在放大查看地图时，未考虑重点地图区域放大后的像素模糊的问题，导致放大后的地图清晰度较低。

该背景技术部分中所公开的以上信息仅用于增强对本发明构思的背景的理解，并因此，其可包含并不形成本国的本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的内容部分用于以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

本公开的一些实施例提出了地图页面配置方法、装置、电子设备与计算机可读介质，来解决以上背景技术部分提到的技术问题中的一项或多项。

第一方面，本公开的一些实施例提供了一种地图页面配置方法，该方法包括：响应于接收到预设颜色的颜色属性信息，确定上述预设颜色所对应的色阶与色相；从预设的色阶搭配模板中选取与上述色阶相对应的候选色阶搭配模板；根据上述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值，其中，上述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位；响应于确定上述色相不为预设色相，确定上述预设颜色的同类色的色相范围；根据上述色相范围，确定至少两个其他配色的色相范围作为上述预设颜色的配色色相；基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面。

第二方面，本公开的一些实施例提供了一种地图页面配置装置，该装置包括：第一确定单元，被配置成响应于接收到预设颜色的颜色属性信息，确定上述预设颜色所对应的色阶与色相；选取单元，被配置成从预设的色阶搭配模板中选取与上述色阶相对应的候选色阶搭配模板；第二确定单元，被配置成根据上述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值，其中，上述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位；第三确定单元，被配置成响应于确定上述色相不为预设色相，确定上述预设颜色的同类色的色相范围；第四确定单元，被配置成根据上述色相范围，确定至少两个其他配色的色相范围作为上述预设颜色的配色色相；生成单元，被配置成基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面。

第三方面，本公开的一些实施例提供了一种电子设备，包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现上述第一方面任一实现方式所描述的方法。

第四方面，本公开的一些实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，程序被处理器执行时实现上述第一方面任一实现方式所描述的方法。

本公开的上述各个实施例具有如下有益效果：通过本公开的一些实施例的地图页面配置方法，提升了地图页面色彩的丰富性。具体来说，配置出的地图页面的色彩较为单调的原因在于：该配色模型无法满足网络环境下丰富多样的页面色彩设计需求。基于此，本公开的一些实施例的地图页面配置方法，首先，响应于接收到预设颜色的颜色属性信息，确定上述预设颜色所对应的色阶与色相。其次，从预设的色阶搭配模板中选取与上述色阶相对应的候选色阶搭配模板。接着，根据上述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值。其中，上述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位。然后，响应于确定上述色相不为预设色相，确定上述预设颜色的同类色的色相范围。再然后，根据上述色相范围，确定至少两个其他配色的色相范围作为上述预设颜色的配色色相。最后，基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面。由此，可以根据指定颜色的色相和色阶，分别确定色阶值和配色色相。从而，增加了色阶搭配和配色的选择性，提升了地图页面色彩设计的多样性。进而，可以减少单一色调页面的生成，满足不同地图页面的使用需求，扩大了页面配色适用范围。

附图说明

结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，元件和元素不一定按照比例绘制。

图1是根据本公开的地图页面配置方法的一些实施例的流程图；

图2是根据本公开的地图页面配置装置的一些实施例的流程图；

图3是适于用来实现本公开的一些实施例的电子设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例。相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。

另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。

需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。

下面将参考附图并结合实施例来详细说明本公开。

图1是根据本公开的地图页面配置方法的一些实施例的流程图。示出了根据本公开的地图页面配置方法的一些实施例的流程100。该地图页面配置方法，包括以下步骤：

步骤101，响应于接收到预设颜色的颜色属性信息，确定上述预设颜色所对应的色阶与色相。

在一些实施例中，上述地图页面配置方法的执行主体（例如计算设备）可以响应于接收到预设颜色的颜色属性信息，确定上述预设颜色所对应的色阶与色相。在进行地图页面配色时，通常需要用户输入一个预设颜色。预设颜色可以是用户自定义选择的主题色，也可以是页面的背景色。可以根据预设颜色可以进行页面整体配色的设计。用户可以通过终端来输入预设颜色的颜色属性信息。其中，属性信息通常是用于描述颜色的信息，如可以包括色相（hue）、饱和度（saturation）、明度（lightness）、在页面中的位置信息（如背景色）等。可以根据颜色属性信息中的色相值（如色相环中的角度值），来确定所属的色相区间范围，从而确定预设颜色的色相（如色相编号或名称等）。另外，执行主体可以根据颜色属性信息中的饱和度和明度，来确定预设颜色的色阶。可以按照传统色相划分方法来进行颜色区分，如可以按照360度色相环，将颜色分为12或24种色相。

可选地，根据色相环划分预设数目个色相，以及确定上述预设数目个色相中各色相的角度区间。这里，对于预设数目的设定，不做限制。例如，在360度色相环中，从视觉层面将每个颜色下跨度进行定义，比如赤色与红色在15度内就有明显的色相变化，而橙色在60度内才有与其他颜色一样的颜色跨度。划分后共得到16个色相区间，即色相1角度区间为0-10；色相2角度区间为15-30，以此类推，色相16角度区间为330-360（度）。

可选地，根据上述预设数目，确定各色相的角度区间平均值。例如，可以将上述16个色相进行单位角度标准化。每个色相平均区间分为22.5度。

可选地，根据上述各色相的角度区间和上述角度区间平均值，确定上述预设数目个色相的单位角度。根据每个色相的角度跨度范围，将其与平均区间的商值，便可以得到每个色相的单位角度。

可选地，对于上述预设数目个色相中的每个色相，根据上述色相的明度和饱和度，划分为至少一个色阶区域。其中，至少一个色阶区域可以包括：纯色阶、浅色阶、深色阶和灰色阶的色阶区域。

可选地，对于同一色阶区域，根据颜色的变化值，划分为至少一个子区域。每个色阶区域下可以拆分为多个子区域，从而进一步划分出颜色色阶的深浅。

步骤102，从预设的色阶搭配模板中选取与上述色阶相对应的候选色阶搭配模板。

在一些实施例中，上述执行主体可以从预设的色阶搭配模板中选取与上述色阶相对应的候选色阶搭配模板。为了保证一个楼层内，不同层级之间的色阶搭配能搭配得比较和谐，因此可以将上述划分的色阶进行分类，归纳出色阶搭配模板，以保证最终生成的效果。色阶搭配模板可以预先存储在本地。可以从预设的色阶搭配模板中，选取与预设颜色的色阶相对应的候选色阶搭配模板。

步骤103，根据上述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值。

在一些实施例中，上述执行主体可以根据上述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值。其中，上述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位。其中，地图页面中一般会包括多个展示模块（即楼层）。而每个展示模块中通常会包含至少一个展示位（即每个展示位可以用于存放不同的地图图像或图标）。

步骤104，响应于确定上述色相不为预设色相，确定上述预设颜色的同类色的色相范围。

在一些实施例中，上述执行主体可以响应于确定上述色相不为预设色相，确定上述预设颜色的同类色的色相范围。

实践中，上述执行主体可以通过以下步骤确定上述预设颜色的同类色的色相范围：

第一步，根据上述预设颜色的色相，确定上述预设颜色在色相环中对应的单位角度。

第二步，基于同类色在色相环中的设定转动角度范围、上述预设颜色的单位角度，确定实际转动角度范围。

第三步，根据上述预设颜色的色相值和上述实际转动角度范围，确定上述预设颜色的同类色的色相范围。若预设颜色的色相属于色相3，可以确定其单位角度为0.889度。按照上述同类色的设定转动角度范围为-15＜H＜+15，此时可以确定同类色的实际转动角度范围为-13.335＜H＜+13.335。以此类推，其他配色色相同样可以采用此方法来确定。

步骤105，根据上述色相范围，确定至少两个其他配色的色相范围作为上述预设颜色的配色色相。

在一些实施例中，上述执行主体可以根据上述色相范围，确定至少两个其他配色的色相范围作为上述预设颜色的配色色相。可以按照配色理论相关知识的定义，根据预设颜色的色相值，来确定预设颜色的同类色、类似色和互补色。从而得到预设颜色的配色色相。

步骤106，基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面。

在一些实施例中，上述执行主体可以基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面。可以将地图页面中的背景色设置为预设颜色，同时将地图页面中的其他区域设置为配色色相。以及按照色阶值，设置各区域的色阶，从而生成预览地图页面。

可选地，确定上述预览地图页面中背景颜色的色阶。

可选地，根据上述背景颜色的色阶，确定上述预览地图页面的背景深浅变化信息，以及适配的辅助颜色的色相范围。

可选地，根据各层级光学三原色的值，确定各层级的相对亮度。

可选地，根据各层级的相对亮度、在上述预览地图页面中的位置关系，确定层级之间的对比度，以及确定所确定的对比度是否在设定范围内。

可选地，根据上述预设颜色的色相，确定上述预设颜色的色调。

可选地，基于上述预设颜色的色调，调整上述预览地图页面中其他不同色调在页面中的占比。

可选地，响应于展示模块背景色与展示位背景色的对比度小于或等于目标值，对展示位中的图标背景设置白色区域。其中，白色区域在展示位总背景中的占比大于等于设定值。

可选地，响应于检测到作用于上述预览地图页面中预览地图图像的拉伸操作，将上述预览地图图像转换为栅格预览地图图像。

在一些实施例中，上述执行主体可以响应于检测到作用于上述预览地图页面中预览地图图像的拉伸操作，将上述预览地图图像转换为栅格预览地图图像。即，预览地图页面可以包含待预览的地图图像（预览地图图像）。拉伸操作可以是指对预览地图图像中某一区域的放大拉伸操作。可以将上述预览地图图像转换为栅格预览地图图像。这里，栅格预览地图图像可以是指Bitmap位图。即，对于转换方式不做限定。

可选地，根据上述栅格预览地图图像对应的像素，将上述栅格预览地图图像转换为地图图像二维数组。

在一些实施例中，上述执行主体可以根据上述栅格预览地图图像对应的像素，将上述栅格预览地图图像转换为地图图像二维数组。首先，可以将栅格预览地图图像中的各个像素按照像素顺序转换为一维数组。即，每个数组元素为一个像素。然后，可以按照栅格预览地图图像的宽度，将一维数组转换为二维数组，作为地图图像二维数组。即，地图图像二维数组的行数组元素的数量为栅格预览地图图像的宽度。

可选地，根据上述预览地图图像中的拉伸地图区域图像，从上述地图图像二维数组中提取出对应的拉伸地图区域图像二维数组。

在一些实施例中，上述执行主体可以根据上述预览地图图像中的拉伸地图区域图像，从上述地图图像二维数组中提取出对应的拉伸地图区域图像二维数组。其中，栅格预览地图图像中的拉伸地图区域图像可以是指上述栅格预览地图图像中待放大拉伸的区域图像。首先，可以确定拉伸地图区域图像的各个像素的像素坐标。然后，可以根据拉伸地图区域图像对应的各个像素坐标，在上述地图图像二维数组中定位相关联的数组元素，并提取定位的各个数组元素作为拉伸地图区域图像二维数组。

可选地，根据上述预览地图图像对应的拉伸信息包括的拉伸长度与拉伸宽度，执行如下处理步骤：

第一步，以上述拉伸长度为二维数组的行数，以上述拉伸宽度为二维数组的列数，构建空二维数组。以拉伸长度为空二维数组的行数，以拉伸宽度为空二维数组的列数，构建空二维数组。

第二步，确定上述拉伸地图区域图像二维数组对应的宽度区间与长度区间。首先，根据上述拉伸地图区域图像二维数组的宽度最小值与宽度最大值，建立宽度区间。宽度最小值可以指上述拉伸地图区域图像二维数组中最小的列数组元素对应的列元素值。宽度最大值可以指上述拉伸地图区域图像二维数组中最大的列数组元素对应的列元素值。然后，根据上述拉伸地图区域图像二维数组的长度最小值与长度最大值，建立长度区间。这里，长度最小值可以指上述拉伸地图区域图像二维数组中最小的列数组元素对应的行元素值。长度最大值可以指上述拉伸地图区域图像二维数组中最大的列数组元素对应的行元素值。

第三步，根据上述宽度区间与上述长度区间，确定上述地图图像二维数组中的拉伸宽度二维数组与拉伸长度二维数组。

这里，上述第三步，可以包括以下子步骤：

第一子步骤，将上述地图图像二维数组中小于上述宽度区间最小值的各个二维数组元素确定为第一拉伸宽度二维数组。

第二子步骤，将上述地图图像二维数组中大于上述宽度区间最大值的各个二维数组元素确定为第二拉伸宽度二维数组。

第三子步骤，将上述第一拉伸宽度二维数组与上述第二拉伸宽度二维数组合并为拉伸宽度二维数组。

第四子步骤，将上述地图图像二维数组中小于上述长度区间最小值的各个二维数组元素确定为第一拉伸长度二维数组。

第五子步骤，将上述地图图像二维数组中大于上述长度区间最大值的各个二维数组元素确定为第二拉伸长度二维数组。

第六子步骤，将上述第一拉伸长度二维数组与上述第二拉伸长度二维数组合并为拉伸长度二维数组。

第四步，将上述拉伸宽度二维数组与上述拉伸长度二维数组添加至上述空二维数组中，得到拉伸地图图像二维数组。其中，上述拉伸地图图像二维数组中的拉伸区域为无元素区域。首先，按照二维数组元素对应的初始编号，将上述第一拉伸宽度二维数组中的各个二维数组元素依次添加至上述空二维数组中，得到第一宽度二维数组。初始编号可以表示二维数组元素在卡牌图标二维数组中的列数与行数。其次，将上述第二拉伸宽度二维数组中的各个二维数组元素倒序添加至上述第一宽度二维数组中，得到第二宽度二维数组。然后，按照二维数组元素对应的初始编号，将上述第一拉伸长度二维数组中的各个二维数组元素依次添加至上述第二宽度二维数组中，得到第一长度二维数组。最后，将上述第二拉伸长度二维数组中的各个二维数组元素倒序添加至上述第二长度二维数组中，得到拉伸地图图像二维数组。

可选地，根据上述拉伸地图区域图像二维数组与上述拉伸地图图像二维数组，构建拉伸预览地图图像。

在一些实施例中，上述执行主体可以根据上述拉伸地图区域图像二维数组与上述拉伸地图图像二维数组，构建拉伸预览地图图像。

实践中，上述执行主体可以通过以下步骤构建拉伸预览地图图像：

第一子步骤，将上述拉伸地图图像二维数组的列数与上述地图图像二维数组的列数的差值确定为拉伸列数。

第二子步骤，将上述拉伸地图图像二维数组的行数与上述地图图像二维数组的行数的差值确定为拉伸行数。

第三子步骤，将上述拉伸地图区域图像二维数组的列数与行数分别确定为区域列数与区域行数。

第四子步骤，将上述拉伸列数与上述区域列数的比值确定为列元素添加次数。

第五子步骤，将上述拉伸行数与上述区域行数的比值确定为行元素添加次数。

第六子步骤，根据上述列元素添加次数与上述行元素添加次数，将上述拉伸地图区域图像二维数组添加至上述拉伸地图图像二维数组中，得到拉伸完成地图图像二维数组。即，对于上述拉伸地图图像二维数组中的每个列数组元素，复制列元素添加次数，横向将复制的列数组元素添加至上述拉伸地图图像二维数组中。对于上述拉伸地图图像二维数组中的每个行数组元素，复制行元素添加次数，纵向将复制的行数组元素添加至上述拉伸地图图像二维数组中。

第七子步骤，将上述拉伸完成地图图像二维数组转换为拉伸预览地图图像。

上述第一子步骤-第七子步骤中的相关内容作为本公开的一个发明点，解决了背景技术提及的技术问题三“导致放大后的地图清晰度较低。”。导致放大后的地图清晰度较低的因素往往如下：在放大查看地图时，未考虑重点地图区域放大后的像素模糊的问题。如果解决了上述因素，就能达到提升放大后的地图清晰度的效果。为了达到这一效果，首先，将上述拉伸地图图像二维数组的列数与上述地图图像二维数组的列数的差值确定为拉伸列数。由此，便于确定拉伸区域数组的列数。其次，将上述拉伸地图图像二维数组的行数与上述地图图像二维数组的行数的差值确定为拉伸行数。由此，便于确定拉伸区域数组的行数。接着，将上述拉伸地图区域图像二维数组的列数与行数分别确定为区域列数与区域行数。然后，将上述拉伸列数与上述区域列数的比值确定为列元素添加次数。再然后，将上述拉伸行数与上述区域行数的比值确定为行元素添加次数。由此，便于对拉伸区域进行元素补充。之后，根据上述列元素添加次数与上述行元素添加次数，将上述拉伸地图区域图像二维数组添加至上述拉伸地图图像二维数组中，得到拉伸完成地图图像二维数组。由此，可以对拉伸区域进行元素补充，从而，避免了重点地图区域放大后的像素模糊的问题。最后，将上述拉伸完成地图图像二维数组转换为拉伸预览地图图像。由此，避免了重点地图区域放大后的像素模糊的问题，提升了放大后的地图清晰度。

可选地，对上述拉伸预览地图图像进行清晰度检测，得到拉伸预览地图图像清晰度检测结果。

在一些实施例中，上述执行主体可以对上述拉伸预览地图图像进行清晰度检测，得到拉伸预览地图图像清晰度检测结果。例如，可以将上述拉伸预览地图图像输入至预先训练的图像清晰度检测模型中，得到图像清晰度检测结果。预先训练的图像清晰度检测模型可以是预先训练的以拉伸预览地图图像为输入，以清晰度检测结果为输出的卷积神经网络模型。

可选地，响应于确定上述拉伸预览地图图像清晰度检测结果满足预设条件，将上述预览地图页面确定为可发布地图页面。

在一些实施例中，上述执行主体可以响应于确定上述拉伸预览地图图像清晰度检测结果满足预设条件，将上述预览地图页面确定为可发布地图页面。预设条件可以是指拉伸预览地图图像清晰度检测结果表示的清晰度大于等于预设清晰度。

上述相关内容作为本公开的一个发明点，解决了背景技术提及的技术问题二“地图放大时间较长。”。地图放大时间较长的因素往往如下：在测试放大查看地图时，放大操作繁琐。如果解决了上述因素，就能达到缩短地图放大时间的效果。为了达到这一效果，首先，响应于检测到作用于上述预览地图页面中预览地图图像的拉伸操作，将上述预览地图图像转换为栅格预览地图图像。由此，可以将不同格式的预览地图图像转换为栅格预览地图图像。从而便于实现不同格式预览地图图像的放大。其次，根据上述栅格预览地图图像对应的像素，将上述栅格预览地图图像转换为地图图像二维数组。由此，便于根据数组中的元素进行放大，简化图像放大步骤。接着，根据上述预览地图图像中的拉伸地图区域图像，从上述地图图像二维数组中提取出对应的拉伸地图区域图像二维数组。由此，可以选择出待放大的区域。然后，根据上述预览地图图像对应的拉伸信息包括的拉伸长度与拉伸宽度，执行如下处理步骤：以上述拉伸长度为二维数组的行数，以上述拉伸宽度为二维数组的列数，构建空二维数组；确定上述拉伸地图区域图像二维数组对应的宽度区间与长度区间；根据上述宽度区间与上述长度区间，确定上述地图图像二维数组中的拉伸宽度二维数组与拉伸长度二维数组；将上述拉伸宽度二维数组与上述拉伸长度二维数组添加至上述空二维数组中，得到拉伸地图图像二维数组，其中，上述拉伸地图图像二维数组中的拉伸区域为无元素区域。由此，可以通过对二维数组的放大，实现对图像的放大。再然后，根据上述拉伸地图区域图像二维数组与上述拉伸地图图像二维数组，构建拉伸预览地图图像。由此，可以通过二维数组构建拉伸图像。从而，简化了拉伸步骤，且操作简单，缩短了拉伸时间。之后，对上述拉伸预览地图图像进行清晰度检测，得到拉伸预览地图图像清晰度检测结果。最后，响应于确定上述拉伸预览地图图像清晰度检测结果满足预设条件，将上述预览地图页面确定为可发布地图页面。由此，可以对拉伸后的图像进行清晰度检测，便于确定拉伸后的图像的清晰度是否合格。

进一步参考图2，作为对上述各图所示方法的实现，本公开提供了一种地图页面配置装置的一些实施例，这些地图页面配置装置实施例与图2所示的那些方法实施例相对应，该地图页面配置装置具体可以应用于各种电子设备中。

如图2所示，一些实施例的地图页面配置装置200包括：第一确定单元201、选取单元202、第二确定单元203、第三确定单元204、第四确定单元205和生成单元206。其中，第一确定单元201，被配置成响应于接收到预设颜色的颜色属性信息，确定上述预设颜色所对应的色阶与色相；选取单元202，被配置成从预设的色阶搭配模板中选取与上述色阶相对应的候选色阶搭配模板；第二确定单元203，被配置成根据上述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值，其中，上述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位；第三确定单元204，被配置成响应于确定上述色相不为预设色相，确定上述预设颜色的同类色的色相范围；第四确定单元205，被配置成根据上述色相范围，确定至少两个其他配色的色相范围作为上述预设颜色的配色色相；生成单元206，被配置成基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面。

可以理解的是，该地图页面配置装置200中记载的诸单元与参考图1描述的方法中的各个步骤相对应。由此，上文针对方法描述的操作、特征以及产生的有益效果同样适用于地图页面配置装置200及其中包含的单元，在此不再赘述。

下面参考图3，其示出了适于用来实现本公开的一些实施例的电子设备（例如计算设备）300的结构示意图。本公开的一些实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA（个人数字助理）、PAD（平板电脑）、PMP（便携式多媒体播放器）、车载终端（例如车载导航终端）等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图3示出的电子设备仅仅是一个示例，不应对本公开的实施例的功能和使用范围带来任何限制。

如图3所示，电子设备300可以包括处理装置（例如中央处理器、图形处理器等）301，其可以根据存储在只读存储器（ROM）302中的程序或者从存储装置308加载到随机访问存储器（RAM）303中的程序而执行各种适当的动作和处理。在RAM303中，还存储有电子设备300操作所需的各种程序和数据。处理装置301、ROM302以及RAM 303通过总线304彼此相连。输入/输出（I/O）接口305也连接至总线304。

通常，以下装置可以连接至I/O接口305：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置306；包括例如液晶显示器（LCD）、扬声器、振动器等的输出装置307；包括例如磁带、硬盘等的存储装置308；以及通信装置309。通信装置309可以允许电子设备300与其他设备进行无线或有线通信以交换数据。虽然图3示出了具有各种装置的电子设备300，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图3中示出的每个方框可以代表一个装置，也可以根据需要代表多个装置。

特别地，根据本公开的一些实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的一些实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中，该计算机程序可以通过通信装置309从网络上被下载和安装，或者从存储装置308被安装，或者从ROM302被安装。在该计算机程序被处理装置301执行时，执行本公开的一些实施例的方法中限定的上述功能。

需要说明的是，本公开的一些实施例中记载的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器（RAM）、只读存储器（ROM）、可擦式可编程只读存储器（EPROM或闪存）、光纤、便携式紧凑磁盘只读存储器（CD-ROM）、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF（射频）等等，或者上述的任意合适的组合。

在一些实施方式中，客户端、服务器可以利用诸如HTTP（HyperText TransferProtocol，超文本传输协议）之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信（例如，通信网络）互连。通信网络的示例包括局域网（“LAN”），广域网（“WAN”），网际网（例如，互联网）以及端对端网络（例如，ad hoc端对端网络），以及任何当前已知或未来研发的网络。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：响应于接收到预设颜色的颜色属性信息，确定上述预设颜色所对应的色阶与色相；从预设的色阶搭配模板中选取与上述色阶相对应的候选色阶搭配模板；根据上述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值，其中，上述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位；响应于确定上述色相不为预设色相，确定上述预设颜色的同类色的色相范围；根据上述色相范围，确定至少两个其他配色的色相范围作为上述预设颜色的配色色相；基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网（LAN）或广域网（WAN）——连接到用户计算机，或者，可以连接到外部计算机（例如利用因特网服务提供商来通过因特网连接）。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开的一些实施例中的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括：第一确定单元、选取单元、第二确定单元、第三确定单元、第四确定单元和生成单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，生成单元还可以被描述为“基于上述预设颜色、上述色阶值和上述配色色相，生成上述地图页面的预览地图页面的单元”。

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列（FPGA）、专用集成电路（ASIC）、专用标准产品（ASSP）、片上系统（SOC）、复杂可编程逻辑设备（CPLD）等等。

以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开的实施例中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的（但不限于）具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (7)

1.一种地图页面配置方法，包括：

响应于接收到预设颜色的颜色属性信息，确定所述预设颜色所对应的色阶与色相；

从预设的色阶搭配模板中选取与所述色阶相对应的候选色阶搭配模板；

根据所述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值，其中，所述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位；

响应于确定所述色相不为预设色相，确定所述预设颜色的同类色的色相范围；

根据所述色相范围，确定至少两个其他配色的色相范围作为所述预设颜色的配色色相；

基于所述预设颜色、所述色阶值和所述配色色相，生成所述地图页面的预览地图页面。

2.根据权利要求1所述的方法，其中，在所述从预设的色阶搭配模板中选取与所述色阶相对应的候选色阶搭配模板之前，所述方法还包括：

根据色相环划分预设数目个色相，以及确定所述预设数目个色相中各色相的角度区间；

根据所述预设数目，确定各色相的角度区间平均值；

根据所述各色相的角度区间和所述角度区间平均值，确定所述预设数目个色相的单位角度；

对于所述预设数目个色相中的每个色相，根据所述色相的明度和饱和度，划分为至少一个色阶区域；

对于同一色阶区域，根据颜色的变化值，划分为至少一个子区域。

3.根据权利要求2所述的方法，其中，所述确定所述预设颜色的同类色的色相范围，包括：

根据所述预设颜色的色相，确定所述预设颜色在色相环中对应的单位角度；

基于同类色在色相环中的设定转动角度范围、所述预设颜色的单位角度，确定实际转动角度范围；

根据所述预设颜色的色相值和所述实际转动角度范围，确定所述预设颜色的同类色的色相范围。

4.根据权利要求3所述的方法，其中，所述方法还包括：

确定所述预览地图页面中背景颜色的色阶；

根据所述背景颜色的色阶，确定所述预览地图页面的背景深浅变化信息，以及适配的辅助颜色的色相范围；

根据各层级光学三原色的值，确定各层级的相对亮度；

根据各层级的相对亮度、在所述预览地图页面中的位置关系，确定层级之间的对比度，以及确定所确定的对比度是否在设定范围内；

根据所述预设颜色的色相，确定所述预设颜色的色调；

基于所述预设颜色的色调，调整所述预览地图页面中其他不同色调在页面中的占比；

响应于展示模块背景色与展示位背景色的对比度小于或等于目标值，对展示位中的图标背景设置白色区域，其中，白色区域在展示位总背景中的占比大于等于设定值。

5.一种地图页面配置装置，包括：

第一确定单元，被配置成响应于接收到预设颜色的颜色属性信息，确定所述预设颜色所对应的色阶与色相；

选取单元，被配置成从预设的色阶搭配模板中选取与所述色阶相对应的候选色阶搭配模板；

第二确定单元，被配置成根据所述候选色阶搭配模板中各层级的色阶范围，确定地图页面中各区域的色阶值，其中，所述地图页面中包括多个展示模块，每个展示模块中包含至少一个展示位；

第三确定单元，被配置成响应于确定所述色相不为预设色相，确定所述预设颜色的同类色的色相范围；

第四确定单元，被配置成根据所述色相范围，确定至少两个其他配色的色相范围作为所述预设颜色的配色色相；

生成单元，被配置成基于所述预设颜色、所述色阶值和所述配色色相，生成所述地图页面的预览地图页面。

6.一种电子设备，包括：

一个或多个处理器；

存储装置，其上存储有一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-4中任一所述的方法。

7.一种计算机可读介质，其上存储有计算机程序，其中，所述程序被处理器执行时实现如权利要求1-4中任一所述的方法。