1.本公开的示例实施例总体涉及计算机领域，特别地涉及呈现方法、装置、设备和计算机可读存储介质。
背景技术：2.房屋户型图或者平面图能够指示房屋的空间布局，用于对房屋中的各个空间的位置、面积、形状等进行描绘。在房产相关行业，作为多项业务开展的基础数据，户型图的绘制和管理维护等都是非常重要的环节。例如，在房屋租售行业，需要呈现待出租或待出售房屋的户型图。在房屋装修、房屋建模等行业，也需要房屋户型图作为基础素材，以便呈现装修效果、建模效果等。在这些场景中，有一些待展示的房屋是整栋房屋(例如，别墅、多层复式公寓)。在这种情况下，需要绘制和呈现整栋房屋内的多楼层布局。
技术实现要素：3.在本公开的第一方面，提供了一种呈现多楼层平面图的方法。该方法包括在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项；响应于接收到用于呈现多楼层平面图的第一用户请求，确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局；以及根据所确定的布局，在不同的第二用户界面上呈现整体平面图，整体平面图包括多个楼层的相应的多个平面图，多个平面图包括第一楼层的第一平面图。
4.在本公开的第二方面，提供了一种呈现多楼层平面图的装置。该装置包括第一呈现模块，被配置为在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项；布局确定模块，被配置为响应于接收到用于呈现多楼层平面图的第一用户请求，确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局；以及第二呈现模块，被配置为根据所确定的布局，在不同的第二用户界面上呈现整体平面图，整体平面图包括多个楼层的相应的多个平面图，多个平面图包括第一楼层的第一平面图。
5.在本公开的第三方面，提供了一种电子设备。该设备包括至少一个处理单元；以及至少一个存储器，至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。
6.在本公开的第四方面，提供了一种计算机可读存储介质。介质上存储有计算机程序，程序被处理器执行时实现第一方面的方法。
7.应当理解，此部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。
附图说明
8.结合附图并参考以下详细说明，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中，相同或相似的附图标记表示相同或相似的元素，其中：
9.图1示出了本公开的实施例能够在其中实现的示例环境的示意图；
10.图2示出了根据本公开的一些实施例的用于呈现多楼层平面图的过程的流程图；
11.图3a和图3b示出了根据本公开的一些实施例的多楼层的整体平面图的示例布局；
12.图4a示出了根据本公开的一些实施例的第二用户界面的示例布局；
13.图4b示出了根据本公开的一些实施例的分层平面图的示例布局；
14.图5a、图5b和图5c示出了根据本公开的一些实施例的第一用户界面的示例布局；
15.图6示出根据本公开的一些实施例的用于呈现多楼层平面图的装置的框图；以及
16.图7示出了能够实施本公开的多个实施例的设备的框图。
具体实施方式
17.下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的一些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
18.在本公开的实施例的描述中，术语“包括”及其类似用语应当理解为开放性包含，即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。
19.可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获得或使用)应当遵循相应法律法规及相关规定的要求。
20.可以理解的是，在使用本公开各实施例公开的技术方案之前，均应当根据相关法律法规通过适当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。
21.例如，在响应于接收到用户的主动请求时，向用户发送提示信息，以明确地提示用户，其请求执行的操作将需要获得和使用到用户的个人信息，从而使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。
22.作为一种可选的但非限制性的实现方式，响应于接收到用户的主动请求，向用户发送提示信息的方式，例如可以是弹出窗口的方式，弹出窗口中可以以文字的方式呈现提示信息。此外，弹出窗口中还可以承载供用户选择“同意”或“不同意”向电子设备提供个人信息的选择控件。
23.可以理解的是，上述通知和获得用户授权过程仅是示意性的，不对本公开的实现方式构成限定，其他满足相关法律法规的方式也可应用于本公开的实现方式中。
24.如以上提及的，在房屋租售、房屋装修、房屋建模等行业，需要展示房屋的布局，而有一些待展示的房屋是整栋房屋(例如，别墅、多层复式公寓)。因此，期望绘制和呈现一栋房屋内的多楼层布局。
25.本公开的实施例提出了一种呈现和绘制多楼层平面图的交互方案。根据该方案，在一个用户界面(称为“第一用户界面”)上，呈现与某个楼层的平面图相关联的图像和/或用户绘制内容。所呈现的图像可以包括从该楼层的三维模型截取的俯视图或者能够反映该楼层的平面布局的其他图像。用户绘制内容可以包括用户利用绘制工具绘制的该楼层的布局图。而且，根据该方案，响应于用户请求，在另一用户界面(称为“第二用户界面”)上，根据确定的布局呈现多个楼层的整体平面图，其包括多个楼层的多个平面图。
26.以此方式，可以根据特定布局向用户呈现多楼层的整体平面图，为用户提供了多楼层平面图的浏览方式。而且，还可以通过单独的用户界面为用户提供绘制和呈现单个楼层的平面图相关内容的功能。由此，提高了多楼层平面图展示和绘制的灵活度，方便了用户操作，提高了用户体验。
27.图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。
28.在环境100中，电子设备110安装有应用115。用户120可以经由电子设备110和/或电子设备110的附接设备来与应用115进行交互，以绘制和浏览多层空间(例如，多楼层建筑物)的平面图。在其他示例中，电子设备110可以不需要安装应用115，而以其他方式，例如通过网页访问的方式提供与用户120的交互，以实现多楼层平面图的绘制和呈现。
29.在本公开的上下文中，多楼层可以包括从地上一层开始，向上依次为一层(标记为f1)、二层(标记为f2)、三层(标记f3)等等，向下依次为地下一层(标记为b1)、地下二层(标记为b2)、地下三层(标记为b3)等等。对于公寓式写字楼、阁楼(loft)以及向下跃层的房源，可以考虑其独立结构来进行楼层划分，而不考虑房源所处建筑中的实际楼层数。
30.电子设备110可以是任意类型的移动终端、固定终端或便携式终端，包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、个人通信系统(pcs)设备、个人导航设备、个人数字助理(pda)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合，包括这些设备的配件和外设或者其任意组合。在一些实施例中，电子设备110也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。
31.在一些实施例中，电子设备110可以与远端的服务器125通信，以提供平面图的绘制和呈现服务。服务器125可以是能够提供计算能力的各种类型的计算系统，包括但不限于大型机、边缘计算节点、云环境中的计算设备，等等。
32.应当理解，仅出于示例性的目的描述环境100的结构和功能，而不暗示对于本公开的范围的任何限制。例如，电子设备110可以不与远端的服务器125通信，因此服务器125可以省略。
33.在环境100中，通过应用115在第一用户界面130上呈现用户120绘制的与某一楼层(例如，f1层)的平面图相关的内容132。内容132可以包括关于该平面图的用户绘制内容，其可以是用户120利用绘制工具绘制的。备选地或附加地，内容132还可以包括与该平面图相关的图像。该图像可以是从该楼层的三维模型中截取的俯视图，或者是能够反映该楼层的平面布局的其他图像。
34.第一用户界面130还包括控制面板134，其上显示了多个控件136、138、140和142，其例如分别提供平面图相关内容的“导入”、绘制或展示内容的“清空”、绘制内容的“撤销”以及绘制或展示内容的“上传”功能。在一些实施例中，用户120可以通过对“导入”控件136
进行点击等操作，导入与当前楼层的平面图相关的图像。图像的导入或者呈现还可以通过其他任意适当方式来触发。在一些实施例中，用户120可以通过对“上传”控件142进行点击等操作来请求呈现多楼层平面图。用户120还可以其他任意适当方式做出用于呈现多楼层平面图的请求。
35.如图1所示，响应于用于呈现多楼层平面图的用户请求，在第二用户界面144上呈现多个楼层(例如，包括f1层和f2层)的整体平面图146。整体平面图146是以特定布局呈现的。在此示例中，两个楼层的两个平面图被布局成一排两列。在其他示例中，取决于第二用户界面144的布局，这两个平面图可以布局成两排一列。
36.应当理解，仅仅出于示例的目的，而无意于提出任何限制，在图1中示出了两个楼层的平面图。取决于具体实现，可以基于任意适当布局来展示任意适当数目的楼层的整体平面图。
37.应当理解，图1中的第一用户界面130和第二用户界面144以及下文中将描述的其他附图中的用户界面和展示界面仅仅是示例，实际可以存在各种设计。例如，用户界面130和/或144上可以呈现任意适当控件。还应当理解，界面中的各个图形元素和/或控件可以具有不同的布置和不同的视觉表示，其中的一个或多个元素和/或控件可以省略或被替换，并且还可以存在一个或多个其他元素和/或控件。而且，界面中可以包含任意适当文字内容。本公开的实施例在此方面不受限制。
38.图2示出了根据本公开的一些实施例的用于呈现多楼层平面图的过程200的流程图。过程200可以在电子设备110处实现。为便于讨论，将结合图1的环境100来描述过程200。
39.在框210，在第一用户界面(例如，图1中的第一用户界面130)上呈现与一楼层(称为“第一楼层”)的平面图(称为“第一平面图”)相关联的图像(称为“第一图像”)和用户绘制内容(称为“第一用户绘制内容”)中的至少一项。例如，在图1所示的示例中，在第一用户界面140上呈现与第一楼层(例如，f层)的第一平面图相关的内容132，其可以包括第一图像和/或第一用户绘制内容。
40.作为示例，第一图像可以被存储在电子设备110或者服务器125中的图库中。在一些实施例中，第一图像可以响应于接收到用于获取至少第一图像的用户请求而呈现在第一用户界面140上。例如，可以响应于该用户请求，从图库中至少获取第一图像并且将其呈现在第一用户界面140上。除了第一图像之外，用户120还可以请求获取其他楼层的平面图相关的图像，后文将对这方面的实施例进行说明。这样，可以对第一楼层的第一平面图相关的待呈现内容进行灵活选择并展示，提高了用户体验。
41.在框220，响应于接收到用于呈现多楼层平面图的用户请求，确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局。在下文，为了讨论方便，用于呈现多楼层平面图的用户请求将被称为“第一用户请求”，而用于获取至少第一图像的用户请求将被称为“第二用户请求”。
42.第一用户请求可以由用户通过任意适当方式做出。在图1所示的示例中，用户120对“上传”控件142的点击或者其他预定操作可以视为用于呈现多楼层平面图的第一用户请求。应当理解，第一用户请求的其他实现方式也是可行的。本公开的范围在此方面不受限制。
43.在框230，根据所确定的布局，在不同的第二用户界面(例如，图1中的第二用户界
面144)上呈现多个楼层的相应的多个平面图的整体平面图(例如，图1中的整体平面图146)。以此方式，可以向用户呈现和展示多层楼的平面图。
44.各楼层的平面图在整体平面图中可以具有任意适当布局。在一些实施例中，可以基于楼层的数目将整体平面图划分成多个区域。多个楼层的多个平面图中的一个平面图在一个区域中呈现。可以基于任意适当准则对整体平面图分区。在一些实施例中，可以将整体平面图等分为多个区域。由此，可以进一步提高展示效果。
45.在一些实施例中，可以按一个或多个预定方向将整体平面图分成多个区域。作为示例，可以按两个预定方向(分别称为“第一方向”和“第二方向”)来分区。第一方向和第二方向可以是任意适当方向，例如，可以为水平方向和竖直方向。为了讨论方便，关于整体平面图布局和呈现的一些实施例将考虑水平方向作为第一方向并且竖直方向作为第二方向的例子，按水平方向和竖直方向对整体平面图进行分区。
46.图3a示出了根据本公开的一些实施例的多楼层的整体平面图146的示例布局300。
47.在布局300中，整体平面图146在水平方向(作为第一方向的示例)和竖直方向(作为第二方向的示例)被划分成3
×
3共9个区域305，每个区域呈现一个楼层的平面图310。各楼层的平面图可以任意适当规则放置到相应的区域中。如图3a所示，在整体平面图146中，楼层名称315所指示的楼层号从左向右且从上向下增大。
48.在一些实施例中，在确定整体平面图的分区的过程中，可以按方向确定各方向的区域的数目，以呈现相应数目的楼层。可以尽量使各方向上呈现的楼层数目相等，以进一步提高整体平面图的展示效果，提高用户体验。
49.例如，在按照水平和竖直方向对整体平面图分区的实施例中，可以根据下式计算水平和竖直方向要放置的楼层数目：
50.rowlength＝math.round(math.sqrt(floorlength))(1)
51.collength＝math.ceil(floorlength/rowlength)(2)
52.其中，floorlength表示楼层数目，rowlength表示分区行数，collength指示分区列数，math.sqrt()表示求平方运算，math.round()表示四舍五入运算，math.ceil()表示向上取整运算。下面将结合图3b讨论8层楼的示例。
53.图3b示出了根据本公开的一些其他实施例的多楼层的整体平面图146的示例布局320。
54.在布局320中，整体平面图146中呈现了8层楼的8个平面图310。通过上面式(1)和式(2)可以得到rowlength＝3，collength＝3。这样，如图3b所示，8层楼的8个平面图310被布置为三行三列。
55.在一些实施例中，可以固定整体平面图的分辨率不变，缩小每层平面图的大小，以放置在一张整体平面图中。例如，在图3b所示的示例中，假设整体平面图320的分辨率为2400
×
2400，其在水平方向和竖直方向被平均分成3
×
3的9个区域305，每个区域的分辨率为800
×
800，然后在每个区域305中呈现每层楼的平面图。
56.举例而言，如果采用上面的式(1)和式(2)对整体平面图分区，假设整体平面图的分辨率为2400
×
2400，可以按如下规则布置多个楼层的多个平面图：
57.·
1层楼：每层楼占2400
×
2400
58.·
2层楼：占一行两列，每层楼占1200
×
2400
59.·
3层楼：占两行两列，每层楼占1200
×
1200
60.·
4层楼：占两行两列，每层楼占1200
×
1200
61.·
5层楼：占两行三列，每层楼占800
×
1200
62.·
6层楼：占两行三列，每层楼占800
×
1200
63.·
7层楼：占三行三列，每层楼占800
×
800
64.·
8层楼和9层楼：占三行三列，每层楼占800
×
800
65.为了实现将平面图放置到相应区域中，在一些实施例中，可以确定区域中用于呈现相应平面图的显示位置。该显示位置可以基于区域的预定参考位置来确定。预定参考位置可以被设置为区域中的任意适当位置。例如，可以将区域的中心点位置作为用于定位待呈现的平面图的预定参考位置。
66.作为示例，可以计算每个区域的中心点的坐标。该坐标可以基于任意适当坐标系来确定。例如，可以将整体平面图的左上角作为原点，水平向右作为正x，竖直向下作为正y，则每个区域的中心点的坐标可以计算如下：
67.x＝(col+0.5)
×
imagew
ꢀꢀꢀ
(3)
68.y＝(row+0.5)
×
imageh
ꢀꢀꢀ
(4)
69.其中，col表示水平方向的索引，row表示竖直方向的索引，其均可以从0开始计数；imagew和imageh分别表示每个区域的宽高分辨率。在确定了各区域的中心点的坐标之后，可以根据各中心点的坐标确定相应平面图的显示位置，以在各平面图放置在相应区域中。
70.在一些实施例中，为了保证各区域中所呈现的平面图的完整性，可以在每个区域内预留保护间隔。作为示例，平面图的实际展示区(或绘制区)可以设置为占区域的宽高80％的区域。这样，可以在区域的宽高均预留20％的保护间隔，以进一步保证平面图能够完整地呈现在相应区域中。应当理解，80％仅仅是示例而非限制。可以按照任意其他比例来设置平面图的实际展示区。
71.在一些实施例中，如图3a所示，在整体平面图146中除了展示各楼层平面图310，还可以展示楼层名称315、标尺325、指南针330以及其他信息(未示出)。在这些实施例中，除了平面图310的展示区(或绘制区)，还可以确定标尺325、楼层名称315等的展示区(或绘制区)。作为示例，标尺展示区可以确定为平面图展示区向外扩展预定距离，例如，扩展区域的宽高较小者的3％(或者其他任意适当比例)的距离。楼层名称展示区可以基于标尺和平面图两者的包围区来确定。例如，可以从包围区底部中心沿区域的高(例如，垂直方向)平移预定比例(例如，3％)。
72.标尺展示区向平面图展示区以外扩展的距离以及/或者楼层名称展示区沿区域的高平移的比例可以被设置为任意适当值。在一些实施例中，上述距离和/或比例可以不超过预定阈值，该阈值可以基于实际需求来确定。这样，可以确保楼层名称完整地呈现在区域内。
73.为了有效缩小各层楼的平面图的大小以放置在相应的区域中，在一些实施例中，可以针对各平面图确定其缩放因子并且基于该缩放因子来进行呈现。可以基于在预定方向(例如，第一方向和第二方向，其可以例如为水平方向和垂直方向)上的分区数目、整体平面图的分辨率以及各个平面图的分辨率来确定缩放因子。
74.作为示例，在各楼层的平面图与整体平面图的分辨率相同的实施例中，可以如下
确定各楼层平面图的缩放因子：
75.rowscale＝1/rowlength
ꢀꢀꢀꢀ
(5)
76.colscale＝1/collength
ꢀꢀꢀ
(6)
77.其中，rowlength表示分区行数，collength表示分区列数，rowscale表示水平方向的缩放因子，colscale表示竖直方向的缩放因子。
78.标尺也可以根据平面图的缩放因子来进行缩放。例如，标尺的线宽linewidth可以确定为：
79.linewidth＝2
×
colscale
ꢀꢀꢀ
(7)
80.其中，linewidth最小值可以设置为1。标尺的字体大小textsize可以确定为：
81.textsize＝14
×
linewidth
ꢀꢀꢀ
(8)
82.标尺距离墙壁的距离可以确定为区域的宽高较小者的5％(或者其他适当比例)。
83.另外，楼层名称的字体大小和指南针也可以相应缩放。例如，楼层名称的字体大小size可以确定为：
84.size＝rowscale
×
90
ꢀꢀꢀ
(9)
85.指南针的缩放比例scale可以确定为：
86.scale＝2.5
×
colscale
ꢀꢀꢀ
(10)
87.应当理解，上面的式(7)至式(10)中的参数值仅仅是示例，而非限制。这些参数值可以根据实际需求或者应用场景设置为任意适当值。
88.考虑到各楼层平面图的形状和尺寸可能会有所不同，为了进一步改进整体平面图展示的视觉效果，以进一步提高用户体验，在整体平面图被等分成多个区域的实施例中，可以基于参考平面图的参考缩放因子来呈现各平面图。在一些实施例中，各楼层平面图的缩放比例可以与参考平面图的缩放比例相同。这样，可以使各区域中的平面图的缩放比例相接近或者甚至相同，提升显示效果。
89.参考平面图可以是待呈现的多个平面图中的任意一个。作为示例，可以将多楼层中面积最大楼层的平面图确定为参考平面图。相应地，可以基于分区数目以及整体平面图和参考平面图的分辨率来确定参考缩放因子。这样，各楼层的平面图可以基于面积最大楼层的平面图的缩放因子来进行缩放。由此，既可以改进显示效果，又可以保证各平面图能够完整地呈现在相应区域中。
90.在一些实施例中，除了展示多个楼层的整体平面图之外，还可以展示各楼层的分层平面图。例如，可以在呈现整体平面图的第二用户界面(例如，图1中的第二用户界面144)上呈现各楼层的分层平面图。下面将结合图4a和图4b对这方面的实施例进行说明。
91.图4a示出了根据本公开的一些实施例的第二用户界面144的示例布局400。
92.在布局400中，第二用户界面144包括缩略图区405和预览区410。在缩略图区405中，展示整体平面图的缩略图412以及f1和f2层的分层平面图的缩略图414和416。响应于用户选择了f1层的缩略图414，在预览区410中呈现f1层的分层平面图418。分层平面图的布局可以与整体平面图相同或不同。
93.图4b示出了根据本公开的一些实施例的分层平面图420的示例布局422。
94.如图4b所示，楼层名称425放在分层平面图420的左上角。这不同于图3a中所示的整体平面图146的布局305。在布局305，楼层名称315放在相应楼层的平面图310的底部中心
位置。备选地或附加地，分层平面图420的标尺区域向外扩展的距离也可以不同于整体平面图。例如，如果整体平面图的分区中呈现的各分层平面图的标尺区域设置为向平面图展示区以外扩展区域宽高的3％，分层平面图420的标尺区域可以向外扩展分层平面图(或者其展示区)宽高的5％，或者其他任意适当比例。
95.除了多楼层平面图(包括整体平面图和/或分层平面图)的展示交互，本公开的一些实施例还提供了各楼层平面图的绘制交互。例如，用户可以在用于呈现各楼层平面图的第一用户界面(例如，图1中的第一用户界面130)上执行楼层添加、删除、切换等操作。
96.为了实现楼层添加，在一些实施例中，可以在第一用户界面上呈现用于添加楼层的控件(称为“第一控件”)。响应于用户针对第一控件的预定操作，可以在第一户界面上呈现针对新添加的楼层(称为“第二楼层”)的指示。该预定操作可以包括任意适当操作，例如，点击、触摸或者接近等等。取决于当前已有楼层，第二楼层可以是任意适当楼层。下面将参考图5a和图5b讨论添加楼层的示例过程。
97.图5a和图5b示出了根据本公开的一些实施例的第一用户界面130的示例布局500和505。
98.首先参考图5a，第一用户界面130包括控制面板510，其上呈现当前的第一楼层的指示512。控制面板510还呈现用于添加新楼层的第一控件515-1和515-2(单独或者总称为“第一控件”515)，其中第一控件515-1用于添加当前楼层以上的楼层，第一控件515-2用于添加当前楼层以下的楼层。在此示例中，当前的第一楼层是f1层。如果用户点击了第一控件515-1，则可以相应地添加f2层作为第二楼层。如果用户点击了第一控件515-2，则可以添加b1层作为第二楼层。
99.在图5b所示的布局505中，在用户点击了第一控件515-1之后，添加当前楼层f1层以上的f2层。如图5b所示，在控制面板510上，除了呈现当前楼层的指示512之外，还呈现针对新添加的第二楼层的指示(例如，f2)520。在此示例中，添加了新的第二楼层之后，不切换(或者跳转)用户界面，仍然展示第一用户界面130。
100.在一些实施例中，如果用户对指示520执行了诸如点击、触摸或者接近等预定操作，可以从第一用户界面130跳转到另外的用户界面(未示出)，以供用户绘制或者导入与第二楼层的平面图相关联的内容。响应于用户的进一步操作或请求，可以从第二楼层的对应用户界面再跳转到其他用户界面。在这种情况下，如果用户已经在第二楼层的对应用户界面上绘制或者导入了平面图相关内容，可以清除当前用户界面上的内容，将选中的楼层的相关内容呈现(或绘制)在跳转后的用户界面上。
101.如上文提及的，如果当前第一用户界面130上没有任何内容，则可以响应于用于至少获取与当前的第一楼层的第一平面图相关联的第一图像的第二用户请求，导入第一图像。在一些实施例中，如果第一用户平面130上呈现了与第一平面图相关联的第一用户绘制内容，则响应于接收到第二用户请求，可以将第一用户绘制内容替换为第一图像。
102.在一些实施例中，如果已经添加了多个楼层，第二用户请求可以请求获取与多个楼层的多个平面图相关联的图像。在这种情况下，响应于接收到第二用户请求，可以获取多个楼层的这些图像，其包括第一图像。可以将第一图像呈现在第一用户界面130上。下面将结合图5c讨论导入多楼层的平面图相关图像的示例过程。
103.图5c示出了根据本公开的一些实施例的第一用户界面130的示例布局530。
104.如图5c所示，在此示例中，除了当前的第一楼层(例如，f1层)之外，还添加了第二楼层(例如，f2层)。相应地，在第一用户界面130的控制面板510上呈现了第一楼层和第二楼层的指示512和520。如果用户点击了控制面板134上的“导入”控件136，则可以表明用户请求获取包括第一楼层和第二楼层在内的多个楼层的多个平面图的相关图像。
105.如果针对已有的多个楼层没有绘制任何内容，则可以直接导入所获取的多个楼层的平面图相关图像。如图5c所示，可以在第一用户界面130上呈现与第一楼层的第一平面图相关联的第一图像535。
106.如果已绘制了若干层的平面图相关内容，则可以基于楼层名称是否相同来进行导入。例如，如果所获取图像的对应楼层名称与已经具有平面图相关内容的楼层名称相同，则使用所获取图像替换先前的内容。如果所获取图像的对应楼层名称与已有的楼层名称不同，则表明所获取图像的对应楼层相对于已绘制楼层是新的楼层。在这种情况下，可以添加相应的楼层进行绘制。
107.为了区别各楼层的平面图，可以为每层平面图增加指示楼层的字段，例如表示为“floorbaseindex”。作为示例，对于f1层，floorbaseindex＝0。f1层往上，floorbaseindex的值可以依次为1，2，3...。f1层往下，floorbaseindex的值可以依次为-1，-2，-3...。相应地，对于新添加的楼层，在确定其floorbaseindex值时可以对添加地上楼层和地下楼层这两种情况进行区分。例如，如果添加的楼层是地上楼层，则新添加的楼层的字段floorbaseindex值为添加前最大的floorbaseindex+1。如果添加的楼层是地下楼层，则新添加的楼层的floorbaseindex值为最小的floorbaseindex-1。
108.对于楼层删除，可以在第一用户界面上呈现用于删除某个楼层(例如，已经添加的第二楼层)的控件(称为“第二控件”)。响应于针对第二控件的预定操作(例如，点击、触摸或者接近等等)，可以从第一用户界面移除针对该楼层的指示。
109.下面将继续参考图5b来讨论楼层删除的示例过程。如图5b所示，在第一用户界面130的控制面板510中呈现了用户删除第二楼层的第二控件525。如果用户点击了该控件，则可以从第一用户界面130移除针对第二楼层的指示520。
110.在第一用户界面130已经跳转到用于呈现和绘制第二楼层的用户界面的实施例，考虑到删除楼层后，楼层相关内容也相应无法展示，可以在删除楼层后进行楼层切换，例如，从针对第二楼层的用户界面切换为第一用户界面130。在一些实施例中，如果当前删除的楼层有平面图相关内容(例如，图像和/或用户绘制内容)，可以将其一并删除，以进一步节省存储容量，优化系统性能。
111.楼层切换的实现方式可以区分删除的楼层是地上楼层还是地下楼层。例如，在删除地上楼层后，当前用户界面可以切换到所删除楼层的紧邻的下一层对应的用户界面。在删除地下楼层后，则当前用户界面可以切换到所删除楼层紧邻的上一层对应的用户界面。
112.在一些实施例中，楼层删除可以基于预定规则来进行。例如，考虑到建筑物通常都有f1层，可以将f1层设置为是不可删除的。另外，为了避免楼层删除导致楼层名称出现混乱或者歧义，还可以设置只允许删除多楼层两端的楼层，即楼层组中的第一个和最后一个，而不允许删除中间楼层。
113.图6示出了根据本公开的一些实施例的用于配置设备的装置600的示意性结构框图。装置600可以被实现为或者被包括在电子设备110中。装置600中的各个模块/组件可以
由硬件、软件、固件或者它们的任意组合来实现。
114.如图6所示，装置600包括第一呈现模块610、布局确定模块620和第二呈现模块630。第一呈现模块610被配置为在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项。布局确定模块620被配置为响应于接收到用于呈现多楼层平面图的第一用户请求，确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局。第二呈现模块630被配置为根据所确定的布局，在不同的第二用户界面上呈现整体平面图，整体平面图包括多个楼层的相应的多个平面图，多个平面图包括第一楼层的第一平面图。
115.在一些实施例中，布局确定模块620可以进一步被配置为：基于多个楼层的数目，将整体平面图划分成多个区域，多个平面图中的一个平面图在多个区域中的一个区域中被呈现。
116.在一些实施例中，第二呈现模块630可以进一步被配置为：基于多个区域中的一个区域的预定参考位置，确定多个平面图中的相应平面图在区域中的显示位置；以及在区域中的显示位置，呈现相应平面图。
117.在一些实施例中，整体平面图可以被等分成多个区域。在这些实施例中，第二呈现模块630可以进一步被配置为：基于多个区域在预定的第一方向和第二方向上的数目、整体平面图的分辨率以及多个平面图中的参考平面图的分辨率，确定参考缩放因子；以及基于参考缩放因子，在多个区域中呈现多个平面图。
118.在一些实施例中，装置600还可以包括第三呈现模块，其被配置为在第二用户界面上进一步呈现多个楼层中各楼层的分层平面图。
119.在一些实施例中，第二呈现模块630可以进一步被配置为：响应于接收到用于获取至少第一图像的第二用户请求，在第一用户界面上呈现第一图像。
120.在一些实施例中，第二呈现模块630可以进一步被配置为：在第一用户平面上呈现第一用户绘制内容；以及响应于接收到第二用户请求，将第一用户绘制内容替换为第一图像。
121.在一些实施例中，第二用户请求可以被用于获取与多个楼层的多个平面图相关联的图像。在这些实施例中，第二呈现模块630可以进一步被配置为：响应于接收到第二用户请求，获取与多个楼层的多个平面图相关联的多个图像，多个图像包括第一图像；以及在第一用户界面上呈现第一图像。
122.在一些实施例中，装置600还可以包括：第三呈现模块，被配置为在第一用户界面上呈现用于添加楼层的第一控件；以及第四呈现模块，被配置为响应于针对第一控件的预定操作，在第一用户界面上呈现针对新添加的第二楼层的指示。
123.在一些实施例中，装置600还可以包括：第五呈现模块，被配置为在第一用户界面上呈现用于删除多个楼层中的第二楼层的第二控件；以及指示移除模块，被配置为第六响应于针对第二控件的预定操作，从第一用户界面移除针对第二楼层的指示。
124.应当理解，上文参考图1至图5c讨论的关于过程200的特征和效果同样适用于装置600，在此不再赘述。另外，装置600中所包括的模块可以利用各种方式来实现，包括软件、硬件、固件或其任意组合。在一些实施例中，一个或多个模块可以使用软件和/或固件来实现，例如存储在存储介质上的机器可执行指令。除了机器可执行指令之外或者作为替代，装置
600中的部分或者全部模块可以至少部分地由一个或多个硬件逻辑组件来实现。作为示例而非限制，可以使用的示范类型的硬件逻辑组件包括现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准品(assp)、片上系统(soc)、复杂可编程逻辑器件(cpld)，等等。
125.图7示出了示出了其中可以实施本公开的一个或多个实施例的电子设备700的框图。应当理解，图7所示出的电子设备700仅仅是示例性的，而不应当构成对本文所描述的实施例的功能和范围的任何限制。图7所示出的电子设备700可以用于实现图1的电子设备110。
126.如图7所示，电子设备700是通用计算设备的形式。电子设备700的组件可以包括但不限于一个或多个处理器或处理单元710、存储器720、存储设备730、一个或多个通信单元740、一个或多个输入设备750以及一个或多个输出设备760。处理单元710可以是实际或虚拟处理器并且能够根据存储器720中存储的程序来执行各种处理。在多处理器系统中，多个处理单元并行执行计算机可执行指令，以提高电子设备700的并行处理能力。
127.电子设备700通常包括多个计算机存储介质。这样的介质可以是电子设备700可访问的任何可以获得的介质，包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器720可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(ram))、非易失性存储器(例如，只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、闪存)或它们的某种组合。存储设备730可以是可拆卸或不可拆卸的介质，并且可以包括机器可读介质，诸如闪存驱动、磁盘或者任何其他介质，其可以能够用于存储信息和/或数据(例如用于训练的训练数据)并且可以在电子设备700内被访问。
128.电子设备700可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图7中示出，可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中，每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器720可以包括计算机程序产品725，其具有一个或多个程序模块，这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。
129.通信单元740实现通过通信介质与其他计算设备进行通信。附加地，电子设备700的组件的功能可以以单个计算集群或多个计算机器来实现，这些计算机器能够通过通信连接进行通信。因此，电子设备700可以使用与一个或多个其他服务器、网络个人计算机(pc)或者另一个网络节点的逻辑连接来在联网环境中进行操作。
130.输入设备750可以是一个或多个输入设备，例如鼠标、键盘、追踪球等。输出设备760可以是一个或多个输出设备，例如显示器、扬声器、打印机等。电子设备700还可以根据需要通过通信单元740与一个或多个外部设备(未示出)进行通信，外部设备诸如存储设备、显示设备等，与一个或多个使得用户与电子设备700交互的设备进行通信，或者与使得电子设备700与一个或多个其他计算设备通信的任何设备(例如，网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(i/o)接口(未示出)来执行。
131.根据本公开的示例性实现方式，提供了一种计算机可读存储介质，其上存储有计算机可执行指令，其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式，还提供了一种计算机程序产品，计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令，而计算机可执行指令被处理器执行以
实现上文描述的方法。
132.这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。
133.这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元，从而生产出一种机器，使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
134.可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上，使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
135.附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
136.以上已经描述了本公开的各实现，上述说明是示例性的，并非穷尽性的，并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。
技术特征：1.一种呈现多楼层平面图的方法，包括：在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项；响应于接收到用于呈现多楼层平面图的第一用户请求，确定包括所述第一楼层在内的多个楼层中各楼层的平面图在所述多个楼层的整体平面图中的布局；以及根据所确定的布局，在不同的第二用户界面上呈现所述整体平面图，所述整体平面图包括所述多个楼层的相应的多个平面图，所述多个平面图包括所述第一楼层的所述第一平面图。2.根据权利要求1所述的方法，其中确定所述布局包括：基于所述多个楼层的数目，将所述整体平面图划分成多个区域，所述多个平面图中的一个平面图在所述多个区域中的一个区域中被呈现。3.根据权利要求2所述的方法，其中呈现所述整体平面图包括：基于所述多个区域中的一个区域的预定参考位置，确定所述多个平面图中的相应平面图在所述区域中的显示位置；以及在所述区域中的所述显示位置，呈现所述相应平面图。4.根据权利要求2所述的方法，其中所述整体平面图被等分成所述多个区域，并且其中呈现所述整体平面图包括：基于所述多个区域在预定的第一方向和第二方向上的数目、所述整体平面图的分辨率以及所述多个平面图中的参考平面图的分辨率，确定参考缩放因子；以及基于所述参考缩放因子，在所述多个区域中呈现所述多个平面图。5.根据权利要求1所述的方法，还包括：在所述第二用户界面上进一步呈现所述多个楼层中各楼层的分层平面图。6.根据权利要求1所述的方法，其中呈现所述第一图像和所述第一用户绘制内容中的所述至少一项包括：响应于接收到用于获取至少所述第一图像的第二用户请求，在所述第一用户界面上呈现所述第一图像。7.根据权利要求6所述的方法，其中呈现所述第一图像包括：在所述第一用户平面上呈现所述第一用户绘制内容；以及响应于接收到所述第二用户请求，将所述第一用户绘制内容替换为所述第一图像。8.根据权利要求6所述的方法，其中所述第二用户请求被用于获取与所述多个楼层的所述多个平面图相关联的图像，并且其中呈现所述第一图像包括：响应于接收到所述第二用户请求，获取与所述多个楼层的所述多个平面图相关联的多个图像，所述多个图像包括所述第一图像；以及在所述第一用户界面上呈现所述第一图像。9.根据权利要求1所述的方法，还包括：在所述第一用户界面上呈现用于添加楼层的第一控件；以及响应于针对所述第一控件的预定操作，在所述第一用户界面上呈现针对新添加的第二楼层的指示。10.根据权利要求1所述的方法，还包括：
在所述第一用户界面上呈现用于删除所述多个楼层中的第二楼层的第二控件；以及响应于针对所述第二控件的预定操作，从所述第一用户界面移除针对第二楼层的指示。11.一种呈现多楼层平面图的装置，包括：第一呈现模块，被配置为在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项；布局确定模块，被配置为响应于接收到用于呈现多楼层平面图的第一用户请求，确定包括所述第一楼层在内的多个楼层中各楼层的平面图在所述多个楼层的整体平面图中的布局；以及第二呈现模块，被配置为根据所确定的布局，在不同的第二用户界面上呈现所述整体平面图，所述整体平面图包括所述多个楼层的相应的多个平面图，所述多个平面图包括所述第一楼层的所述第一平面图。12.根据权利要求11所述的装置，其中所述布局确定模块进一步被配置为：基于所述多个楼层的数目，将所述整体平面图划分成多个区域，所述多个平面图中的一个平面图在所述多个区域中的一个区域中被呈现。13.根据权利要求12所述的装置，其中所述第二呈现模块进一步被配置为：基于所述多个区域中的一个区域的预定参考位置，确定所述多个平面图中的相应平面图在所述区域中的显示位置；以及在所述区域中的所述显示位置，呈现所述相应平面图。14.根据权利要求12所述的装置，其中所述整体平面图被等分成所述多个区域，并且其中所述第二呈现模块进一步被配置为：基于所述多个区域在预定的第一方向和第二方向上的数目、所述整体平面图的分辨率以及所述多个平面图中的参考平面图的分辨率，确定参考缩放因子；以及基于所述参考缩放因子，在所述多个区域中呈现所述多个平面图。15.根据权利要求11所述的装置，还包括：第三呈现模块，被配置为在所述第二用户界面上进一步呈现所述多个楼层中各楼层的分层平面图。16.根据权利要求11所述的装置，其中所述第二呈现模块进一步被配置为：响应于接收到用于获取至少所述第一图像的第二用户请求，在所述第一用户界面上呈现所述第一图像。17.根据权利要求16所述的装置，其中所述第二呈现模块进一步被配置为：在所述第一用户平面上呈现所述第一用户绘制内容；以及响应于接收到所述第二用户请求，将所述第一用户绘制内容替换为所述第一图像。18.根据权利要求16所述的装置，其中所述第二用户请求被用于获取与所述多个楼层的所述多个平面图相关联的图像，并且其中所述第二呈现模块进一步被配置为：响应于接收到所述第二用户请求，获取与所述多个楼层的所述多个平面图相关联的多个图像，所述多个图像包括所述第一图像；以及在所述第一用户界面上呈现所述第一图像。19.一种电子设备，包括：
至少一个处理单元；以及至少一个存储器，所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令，所述指令在由所述至少一个处理单元执行时使所述设备执行根据权利要求1至10中任一项所述的方法。20.一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现根据权利要求1至10中任一项所述的方法。
技术总结根据本公开的实施例，提供了呈现方法、装置、设备和存储介质。在该方法中，在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项；响应于接收到用于呈现多楼层平面图的第一用户请求，确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局；以及根据所确定的布局，在不同的第二用户界面上呈现整体平面图，整体平面图包括多个楼层的相应的多个平面图，多个平面图包括第一楼层的第一平面图。由此，可以为用户提供了有效且灵活的多楼层平面图的绘制和浏览方式。的多楼层平面图的绘制和浏览方式。的多楼层平面图的绘制和浏览方式。
技术研发人员：李闪磊
受保护的技术使用者：北京有竹居网络技术有限公司
技术研发日：2022.07.13
技术公布日：2022/11/1
