[go: up one dir, main page]

CN115270246A - Presentation method, apparatus, device and storage medium - Google Patents

Presentation method, apparatus, device and storage medium Download PDF

Info

Publication number
CN115270246A
CN115270246A CN202210825080.9A CN202210825080A CN115270246A CN 115270246 A CN115270246 A CN 115270246A CN 202210825080 A CN202210825080 A CN 202210825080A CN 115270246 A CN115270246 A CN 115270246A
Authority
CN
China
Prior art keywords
floor
plan
user
floors
presenting
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202210825080.9A
Other languages
Chinese (zh)
Inventor
李闪磊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Youzhuju Network Technology Co Ltd
Original Assignee
Beijing Youzhuju Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Youzhuju Network Technology Co Ltd filed Critical Beijing Youzhuju Network Technology Co Ltd
Priority to CN202210825080.9A priority Critical patent/CN115270246A/en
Publication of CN115270246A publication Critical patent/CN115270246A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00Computer-aided design [CAD]
    • G06F30/10Geometric CAD
    • G06F30/13Architectural design, e.g. computer-aided architectural design [CAAD] related to design of buildings, bridges, landscapes, production plants or roads
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F30/00Computer-aided design [CAD]
    • G06F30/10Geometric CAD
    • G06F30/12Geometric CAD characterised by design entry means specially adapted for CAD, e.g. graphical user interfaces [GUI] specially adapted for CAD
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2111/00Details relating to CAD techniques
    • G06F2111/20Configuration CAD, e.g. designing by assembling or positioning modules selected from libraries of predesigned modules

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Geometry (AREA)
  • Theoretical Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • Computational Mathematics (AREA)
  • Mathematical Analysis (AREA)
  • Mathematical Optimization (AREA)
  • Pure & Applied Mathematics (AREA)
  • Evolutionary Computation (AREA)
  • General Engineering & Computer Science (AREA)
  • Architecture (AREA)
  • Structural Engineering (AREA)
  • Civil Engineering (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

根据本公开的实施例,提供了呈现方法、装置、设备和存储介质。在该方法中,在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项;响应于接收到用于呈现多楼层平面图的第一用户请求,确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局;以及根据所确定的布局,在不同的第二用户界面上呈现整体平面图,整体平面图包括多个楼层的相应的多个平面图,多个平面图包括第一楼层的第一平面图。由此,可以为用户提供了有效且灵活的多楼层平面图的绘制和浏览方式。

Figure 202210825080

According to embodiments of the present disclosure, a presentation method, apparatus, device, and storage medium are provided. In the method, at least one of a first image associated with a first floor plan of a first floor and first user-drawn content is presented on a first user interface; in response to receiving a first image for presenting a multi-floor plan a user request, determining the layout of the floor plans of each floor in the plurality of floors including the first floor in the overall floor plan of the plurality of floors; and presenting the overall floor plan on different second user interfaces according to the determined layout, The overall floor plan includes a corresponding plurality of floor plans of the plurality of floors, the plurality of floor plans including a first floor plan of the first floor. As a result, the user can be provided with an efficient and flexible way of drawing and browsing the multi-floor plan.

Figure 202210825080

Description

呈现方法、装置、设备和存储介质Presentation method, device, equipment and storage medium

技术领域technical field

本公开的示例实施例总体涉及计算机领域,特别地涉及呈现方法、装置、设备和计算机可读存储介质。Exemplary embodiments of the present disclosure generally relate to the field of computers, and in particular, to presenting methods, apparatuses, devices, and computer-readable storage media.

背景技术Background technique

房屋户型图或者平面图能够指示房屋的空间布局,用于对房屋中的各个空间的位置、面积、形状等进行描绘。在房产相关行业,作为多项业务开展的基础数据,户型图的绘制和管理维护等都是非常重要的环节。例如,在房屋租售行业,需要呈现待出租或待出售房屋的户型图。在房屋装修、房屋建模等行业,也需要房屋户型图作为基础素材,以便呈现装修效果、建模效果等。在这些场景中,有一些待展示的房屋是整栋房屋(例如,别墅、多层复式公寓)。在这种情况下,需要绘制和呈现整栋房屋内的多楼层布局。The house floor plan or floor plan can indicate the spatial layout of the house, and is used to describe the position, area, shape, etc. of each space in the house. In real estate-related industries, as the basic data for the development of multiple businesses, the drawing, management and maintenance of floor plans are very important links. For example, in the house rental and sales industry, it is necessary to present the floor plans of houses to be rented or sold. In industries such as house decoration and house modeling, house floor plans are also needed as basic materials in order to present decoration effects, modeling effects, etc. In these scenes, some of the houses to be displayed are whole houses (for example, villas, multi-storey apartments). In this case, a multi-floor layout throughout the house needs to be drawn and presented.

发明内容Contents of the invention

在本公开的第一方面,提供了一种呈现多楼层平面图的方法。该方法包括在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项;响应于接收到用于呈现多楼层平面图的第一用户请求,确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局;以及根据所确定的布局,在不同的第二用户界面上呈现整体平面图,整体平面图包括多个楼层的相应的多个平面图,多个平面图包括第一楼层的第一平面图。In a first aspect of the present disclosure, a method of presenting a multi-floor plan is provided. The method includes presenting on a first user interface at least one of a first image associated with a first floor plan of a first floor and a first user-drawn content; responsive to receiving a first user-drawn content for presenting a multi-floor plan Request, determine the layout of the floor plan of each floor in the multiple floors including the first floor in the overall floor plan of the multiple floors; and according to the determined layout, present the overall floor plan on a different second user interface, the overall floor plan A corresponding plurality of floor plans are included for a plurality of floors, the plurality of floor plans including a first floor plan for a first floor.

在本公开的第二方面,提供了一种呈现多楼层平面图的装置。该装置包括第一呈现模块,被配置为在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项;布局确定模块,被配置为响应于接收到用于呈现多楼层平面图的第一用户请求,确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局;以及第二呈现模块,被配置为根据所确定的布局,在不同的第二用户界面上呈现整体平面图,整体平面图包括多个楼层的相应的多个平面图,多个平面图包括第一楼层的第一平面图。In a second aspect of the present disclosure, an apparatus for presenting a multi-floor plan is provided. The apparatus includes a first presentation module configured to present on a first user interface at least one of a first image associated with a first floor plan of a first floor and a first user-drawn content; a layout determination module configured In response to receiving a first user request for presenting a multi-floor plan, determining a layout of the floor plans of each of the plurality of floors including the first floor in the overall plan of the plurality of floors; and a second presentation module, It is configured to present an overall floor plan on a different second user interface according to the determined layout, the overall floor plan including a corresponding plurality of floor plans of the plurality of floors, the plurality of floor views including the first floor plan of the first floor.

在本公开的第三方面,提供了一种电子设备。该设备包括至少一个处理单元;以及至少一个存储器,至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit. The instructions, when executed by the at least one processing unit, cause the device to perform the method of the first aspect.

在本公开的第四方面,提供了一种计算机可读存储介质。介质上存储有计算机程序,程序被处理器执行时实现第一方面的方法。In a fourth aspect of the present disclosure, a computer readable storage medium is provided. A computer program is stored on the medium, and when the program is executed by the processor, the method in the first aspect is realized.

应当理解,此部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的描述而变得容易理解。It should be understood that what is described in this section is not intended to limit the key features or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will be readily understood through the following description.

附图说明Description of drawings

结合附图并参考以下详细说明,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中,相同或相似的附图标记表示相同或相似的元素,其中:The above and other features, advantages and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description when taken in conjunction with the accompanying drawings. In the drawings, identical or similar reference numerals denote identical or similar elements, wherein:

图1示出了本公开的实施例能够在其中实现的示例环境的示意图;Figure 1 shows a schematic diagram of an example environment in which embodiments of the present disclosure can be implemented;

图2示出了根据本公开的一些实施例的用于呈现多楼层平面图的过程的流程图;FIG. 2 illustrates a flowchart of a process for presenting a multi-floor plan according to some embodiments of the present disclosure;

图3A和图3B示出了根据本公开的一些实施例的多楼层的整体平面图的示例布局;3A and 3B illustrate example layouts of multi-story overall floor plans according to some embodiments of the present disclosure;

图4A示出了根据本公开的一些实施例的第二用户界面的示例布局;Figure 4A shows an example layout of a second user interface according to some embodiments of the present disclosure;

图4B示出了根据本公开的一些实施例的分层平面图的示例布局;Figure 4B illustrates an example layout of a layered floor plan according to some embodiments of the present disclosure;

图5A、图5B和图5C示出了根据本公开的一些实施例的第一用户界面的示例布局;5A, 5B and 5C illustrate example layouts of a first user interface according to some embodiments of the present disclosure;

图6示出根据本公开的一些实施例的用于呈现多楼层平面图的装置的框图;以及6 illustrates a block diagram of an apparatus for presenting a multi-floor plan according to some embodiments of the present disclosure; and

图7示出了能够实施本公开的多个实施例的设备的框图。Figure 7 shows a block diagram of a device capable of implementing various embodiments of the present disclosure.

具体实施方式Detailed ways

下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的一些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the drawings, it should be understood that the disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein; For a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for exemplary purposes only, and are not intended to limit the protection scope of the present disclosure.

在本公开的实施例的描述中,术语“包括”及其类似用语应当理解为开放性包含,即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。In the description of the embodiments of the present disclosure, the term "comprising" and its similar expressions should be interpreted as an open inclusion, that is, "including but not limited to". The term "based on" should be understood as "based at least in part on". The term "one embodiment" or "the embodiment" should be read as "at least one embodiment". The term "some embodiments" should be read as "at least some embodiments". Other definitions, both express and implied, may also be included below.

可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获得或使用)应当遵循相应法律法规及相关规定的要求。It can be understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of data) should comply with the requirements of corresponding laws and regulations and relevant regulations.

可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当根据相关法律法规通过适当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。It can be understood that before using the technical solutions disclosed in the embodiments of the present disclosure, the user should be informed of the type, scope of use, and use scenarios of the personal information involved in the present disclosure in an appropriate manner in accordance with relevant laws and regulations, and the authorization of the user should be obtained .

例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获得和使用到用户的个人信息,从而使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。For example, in response to receiving the user's active request, send prompt information to the user to clearly remind the user that the requested operation will require the acquisition and use of the user's personal information, so that the user can act autonomously according to the prompt information. You can freely choose whether to provide personal information to software or hardware such as electronic devices, applications, servers, or storage media that perform the operations of the technical solutions of the present disclosure.

作为一种可选的但非限制性的实现方式,响应于接收到用户的主动请求,向用户发送提示信息的方式,例如可以是弹出窗口的方式,弹出窗口中可以以文字的方式呈现提示信息。此外,弹出窗口中还可以承载供用户选择“同意”或“不同意”向电子设备提供个人信息的选择控件。As an optional but non-limiting implementation, in response to receiving the active request of the user, the way of sending prompt information to the user, for example, may be in the form of a pop-up window, and the prompt information may be presented in the form of text in the pop-up window . In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

可以理解的是,上述通知和获得用户授权过程仅是示意性的,不对本公开的实现方式构成限定,其他满足相关法律法规的方式也可应用于本公开的实现方式中。It can be understood that the above process of notifying and obtaining user authorization is only illustrative and does not limit the implementation of the present disclosure. Other methods that meet relevant laws and regulations may also be applied to the implementation of the present disclosure.

如以上提及的,在房屋租售、房屋装修、房屋建模等行业,需要展示房屋的布局,而有一些待展示的房屋是整栋房屋(例如,别墅、多层复式公寓)。因此,期望绘制和呈现一栋房屋内的多楼层布局。As mentioned above, in industries such as house rental and sales, house decoration, and house modeling, it is necessary to display the layout of houses, and some houses to be displayed are entire houses (for example, villas, multi-storey duplex apartments). Therefore, it is desirable to draw and present the layout of multiple floors within a house.

本公开的实施例提出了一种呈现和绘制多楼层平面图的交互方案。根据该方案,在一个用户界面(称为“第一用户界面”)上,呈现与某个楼层的平面图相关联的图像和/或用户绘制内容。所呈现的图像可以包括从该楼层的三维模型截取的俯视图或者能够反映该楼层的平面布局的其他图像。用户绘制内容可以包括用户利用绘制工具绘制的该楼层的布局图。而且,根据该方案,响应于用户请求,在另一用户界面(称为“第二用户界面”)上,根据确定的布局呈现多个楼层的整体平面图,其包括多个楼层的多个平面图。Embodiments of the present disclosure propose an interactive scheme for presenting and drawing multi-floor plans. According to this solution, on one user interface (referred to as "first user interface"), images and/or user-drawn content associated with a floor plan of a certain floor are presented. The presented image may include a top view taken from the three-dimensional model of the floor or other images capable of reflecting the layout of the floor. The content drawn by the user may include a layout diagram of the floor drawn by the user using a drawing tool. Moreover, according to this solution, in response to a user request, on another user interface (referred to as a "second user interface"), an overall floor plan of multiple floors is presented according to the determined layout, which includes multiple floor plans of multiple floors.

以此方式,可以根据特定布局向用户呈现多楼层的整体平面图,为用户提供了多楼层平面图的浏览方式。而且,还可以通过单独的用户界面为用户提供绘制和呈现单个楼层的平面图相关内容的功能。由此,提高了多楼层平面图展示和绘制的灵活度,方便了用户操作,提高了用户体验。In this way, the overall floor plan of multiple floors can be presented to the user according to the specific layout, providing the user with a way to browse the floor plans of multiple floors. Moreover, a function of drawing and presenting related contents of a floor plan of a single floor may also be provided to the user through a separate user interface. As a result, the flexibility of displaying and drawing the multi-floor floor plan is improved, user operations are facilitated, and user experience is improved.

图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。FIG. 1 shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented.

在环境100中,电子设备110安装有应用115。用户120可以经由电子设备110和/或电子设备110的附接设备来与应用115进行交互,以绘制和浏览多层空间(例如,多楼层建筑物)的平面图。在其他示例中,电子设备110可以不需要安装应用115,而以其他方式,例如通过网页访问的方式提供与用户120的交互,以实现多楼层平面图的绘制和呈现。In environment 100 , electronic device 110 has application 115 installed. User 120 may interact with application 115 via electronic device 110 and/or an attached device to electronic device 110 to draw and view a floor plan of a multi-story space (eg, a multi-story building). In other examples, the electronic device 110 may not need to install the application 115, but provides interaction with the user 120 in other ways, for example, through webpage access, so as to realize the drawing and presentation of multi-floor plans.

在本公开的上下文中,多楼层可以包括从地上一层开始,向上依次为一层(标记为F1)、二层(标记为F2)、三层(标记F3)等等,向下依次为地下一层(标记为B1)、地下二层(标记为B2)、地下三层(标记为B3)等等。对于公寓式写字楼、阁楼(Loft)以及向下跃层的房源,可以考虑其独立结构来进行楼层划分,而不考虑房源所处建筑中的实际楼层数。In the context of the present disclosure, multi-floors may include starting from the first floor above the ground, followed by the first floor (marked as F1), the second floor (marked as F2), the third floor (marked as F3), etc., and the bottom floor is the underground Ground floor (marked B1), second basement (marked B2), third basement (marked B3) and so on. For apartment-style office buildings, lofts (Lofts) and houses with jumps down, the independent structure can be considered for floor division, regardless of the actual number of floors in the building where the house is located.

电子设备110可以是任意类型的移动终端、固定终端或便携式终端,包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、个人通信系统(PCS)设备、个人导航设备、个人数字助理(PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合,包括这些设备的配件和外设或者其任意组合。在一些实施例中,电子设备110也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。The electronic device 110 may be any type of mobile terminal, fixed terminal or portable terminal, including mobile handset, desktop computer, laptop computer, notebook computer, netbook computer, tablet computer, media computer, multimedia tablet, personal communication system (PCS) devices, personal navigation devices, personal digital assistants (PDAs), audio/video players, digital cameras/camcorders, pointing devices, television receivers, radio receivers, e-book devices, gaming devices, or any combination of the foregoing, Includes accessories and peripherals for these devices or any combination thereof. In some embodiments, electronic device 110 can also support any type of user-directed interface (such as "wearable" circuitry, etc.).

在一些实施例中,电子设备110可以与远端的服务器125通信,以提供平面图的绘制和呈现服务。服务器125可以是能够提供计算能力的各种类型的计算系统,包括但不限于大型机、边缘计算节点、云环境中的计算设备,等等。In some embodiments, the electronic device 110 can communicate with the remote server 125 to provide drawing and presentation services of the floor plan. The server 125 may be various types of computing systems capable of providing computing capabilities, including but not limited to mainframes, edge computing nodes, computing devices in cloud environments, and the like.

应当理解,仅出于示例性的目的描述环境100的结构和功能,而不暗示对于本公开的范围的任何限制。例如,电子设备110可以不与远端的服务器125通信,因此服务器125可以省略。It should be understood that the structure and functionality of environment 100 are described for exemplary purposes only and are not intended to imply any limitation on the scope of the present disclosure. For example, the electronic device 110 may not communicate with the remote server 125, so the server 125 may be omitted.

在环境100中,通过应用115在第一用户界面130上呈现用户120绘制的与某一楼层(例如,F1层)的平面图相关的内容132。内容132可以包括关于该平面图的用户绘制内容,其可以是用户120利用绘制工具绘制的。备选地或附加地,内容132还可以包括与该平面图相关的图像。该图像可以是从该楼层的三维模型中截取的俯视图,或者是能够反映该楼层的平面布局的其他图像。In the environment 100, the content 132 drawn by the user 120 related to the floor plan of a certain floor (for example, F1 floor) is presented on the first user interface 130 through the application 115 . Content 132 may include user-drawn content about the floor plan, which may be drawn by user 120 using a drawing tool. Alternatively or additionally, content 132 may also include images related to the floor plan. The image may be a top view intercepted from the three-dimensional model of the floor, or other images that can reflect the plan layout of the floor.

第一用户界面130还包括控制面板134,其上显示了多个控件136、138、140和142,其例如分别提供平面图相关内容的“导入”、绘制或展示内容的“清空”、绘制内容的“撤销”以及绘制或展示内容的“上传”功能。在一些实施例中,用户120可以通过对“导入”控件136进行点击等操作,导入与当前楼层的平面图相关的图像。图像的导入或者呈现还可以通过其他任意适当方式来触发。在一些实施例中,用户120可以通过对“上传”控件142进行点击等操作来请求呈现多楼层平面图。用户120还可以其他任意适当方式做出用于呈现多楼层平面图的请求。The first user interface 130 also includes a control panel 134 on which a plurality of controls 136, 138, 140, and 142 are displayed, which provide, for example, "import" of floor plan-related content, "clear" of drawn or displayed content, and "clear" of drawn content, respectively. "Undo" and "Upload" functions to draw or display content. In some embodiments, the user 120 can import images related to the floor plan of the current floor by clicking on the “Import” control 136 or other operations. The import or presentation of images may also be triggered by any other suitable manner. In some embodiments, the user 120 may request the presentation of the multi-floor plan by, for example, clicking on the "upload" control 142 . User 120 may also make the request to present the multi-floor plan in any other suitable manner.

如图1所示,响应于用于呈现多楼层平面图的用户请求,在第二用户界面144上呈现多个楼层(例如,包括F1层和F2层)的整体平面图146。整体平面图146是以特定布局呈现的。在此示例中,两个楼层的两个平面图被布局成一排两列。在其他示例中,取决于第二用户界面144的布局,这两个平面图可以布局成两排一列。As shown in FIG. 1 , in response to a user request for presenting a multi-floor plan, an overall floor plan 146 for multiple floors (eg, including F1 and F2 ) is presented on the second user interface 144 . The overall floor plan 146 is presented in a particular layout. In this example, two plans for two floors are laid out in a row of two columns. In other examples, depending on the layout of the second user interface 144, the two floor plans may be arranged in two rows and one column.

应当理解,仅仅出于示例的目的,而无意于提出任何限制,在图1中示出了两个楼层的平面图。取决于具体实现,可以基于任意适当布局来展示任意适当数目的楼层的整体平面图。It should be understood that a two-story floor plan is shown in FIG. 1 for illustrative purposes only, without any intention to suggest any limitation. An overall floor plan for any suitable number of floors may be presented based on any suitable layout, depending on the particular implementation.

应当理解,图1中的第一用户界面130和第二用户界面144以及下文中将描述的其他附图中的用户界面和展示界面仅仅是示例,实际可以存在各种设计。例如,用户界面130和/或144上可以呈现任意适当控件。还应当理解,界面中的各个图形元素和/或控件可以具有不同的布置和不同的视觉表示,其中的一个或多个元素和/或控件可以省略或被替换,并且还可以存在一个或多个其他元素和/或控件。而且,界面中可以包含任意适当文字内容。本公开的实施例在此方面不受限制。It should be understood that the first user interface 130 and the second user interface 144 in FIG. 1 and the user interfaces and presentation interfaces in other drawings described below are merely examples, and various designs may actually exist. For example, any suitable controls may be presented on user interfaces 130 and/or 144 . It should also be understood that various graphical elements and/or controls in the interface may have different arrangements and different visual representations, one or more elements and/or controls may be omitted or replaced, and there may also be one or more other elements and/or controls. Moreover, any suitable text content may be included in the interface. Embodiments of the present disclosure are not limited in this regard.

图2示出了根据本公开的一些实施例的用于呈现多楼层平面图的过程200的流程图。过程200可以在电子设备110处实现。为便于讨论,将结合图1的环境100来描述过程200。FIG. 2 shows a flowchart of a process 200 for rendering a multi-floor plan according to some embodiments of the present disclosure. Process 200 may be implemented at electronic device 110 . For ease of discussion, process 200 will be described in conjunction with environment 100 of FIG. 1 .

在框210,在第一用户界面(例如,图1中的第一用户界面130)上呈现与一楼层(称为“第一楼层”)的平面图(称为“第一平面图”)相关联的图像(称为“第一图像”)和用户绘制内容(称为“第一用户绘制内容”)中的至少一项。例如,在图1所示的示例中,在第一用户界面140上呈现与第一楼层(例如,F层)的第一平面图相关的内容132,其可以包括第一图像和/或第一用户绘制内容。At block 210, on a first user interface (e.g., first user interface 130 in FIG. 1 ), an image associated with a floor plan (referred to as the "first floor plan") of a floor (referred to as the "first floor") is presented. At least one of an image (referred to as "first image") and user-drawn content (referred to as "first user-drawn content"). For example, in the example shown in FIG. 1 , content 132 related to a first floor plan of a first floor (e.g., F floor) is presented on a first user interface 140, which may include a first image and/or a first user interface. Draw content.

作为示例,第一图像可以被存储在电子设备110或者服务器125中的图库中。在一些实施例中,第一图像可以响应于接收到用于获取至少第一图像的用户请求而呈现在第一用户界面140上。例如,可以响应于该用户请求,从图库中至少获取第一图像并且将其呈现在第一用户界面140上。除了第一图像之外,用户120还可以请求获取其他楼层的平面图相关的图像,后文将对这方面的实施例进行说明。这样,可以对第一楼层的第一平面图相关的待呈现内容进行灵活选择并展示,提高了用户体验。As an example, the first image may be stored in a gallery in the electronic device 110 or the server 125 . In some embodiments, the first image may be presented on the first user interface 140 in response to receiving a user request to acquire at least the first image. For example, at least a first image may be retrieved from the gallery and presented on the first user interface 140 in response to the user request. In addition to the first image, the user 120 may also request to obtain images related to the floor plan of other floors, and embodiments of this aspect will be described later. In this way, the content to be presented related to the first floor plan of the first floor can be flexibly selected and displayed, which improves user experience.

在框220,响应于接收到用于呈现多楼层平面图的用户请求,确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局。在下文,为了讨论方便,用于呈现多楼层平面图的用户请求将被称为“第一用户请求”,而用于获取至少第一图像的用户请求将被称为“第二用户请求”。At block 220, in response to receiving a user request to present a multi-floor plan, a layout of the plans for each of the plurality of floors, including the first floor, within the overall plan of the plurality of floors is determined. Hereinafter, for convenience of discussion, a user request for presenting a multi-floor plan will be referred to as a "first user request", and a user request for acquiring at least a first image will be referred to as a "second user request".

第一用户请求可以由用户通过任意适当方式做出。在图1所示的示例中,用户120对“上传”控件142的点击或者其他预定操作可以视为用于呈现多楼层平面图的第一用户请求。应当理解,第一用户请求的其他实现方式也是可行的。本公开的范围在此方面不受限制。The first user request may be made by the user in any suitable manner. In the example shown in FIG. 1 , a click or other predetermined operation on the "upload" control 142 by the user 120 may be regarded as a first user request for presenting a multi-floor plan. It should be understood that other implementation manners of the first user request are also feasible. The scope of the present disclosure is not limited in this respect.

在框230,根据所确定的布局,在不同的第二用户界面(例如,图1中的第二用户界面144)上呈现多个楼层的相应的多个平面图的整体平面图(例如,图1中的整体平面图146)。以此方式,可以向用户呈现和展示多层楼的平面图。At block 230, based on the determined layout, an overall floor plan (e.g., in FIG. The overall floor plan of 146). In this way, floor plans of multiple floors can be presented and shown to the user.

各楼层的平面图在整体平面图中可以具有任意适当布局。在一些实施例中,可以基于楼层的数目将整体平面图划分成多个区域。多个楼层的多个平面图中的一个平面图在一个区域中呈现。可以基于任意适当准则对整体平面图分区。在一些实施例中,可以将整体平面图等分为多个区域。由此,可以进一步提高展示效果。The floor plans of the individual floors may have any suitable layout within the overall plan. In some embodiments, the overall floor plan may be divided into zones based on the number of floors. One floor plan in multiple floor plans for multiple floors is presented in one area. The overall floor plan can be partitioned based on any suitable criteria. In some embodiments, the overall floor plan can be equally divided into multiple areas. Thus, the display effect can be further improved.

在一些实施例中,可以按一个或多个预定方向将整体平面图分成多个区域。作为示例,可以按两个预定方向(分别称为“第一方向”和“第二方向”)来分区。第一方向和第二方向可以是任意适当方向,例如,可以为水平方向和竖直方向。为了讨论方便,关于整体平面图布局和呈现的一些实施例将考虑水平方向作为第一方向并且竖直方向作为第二方向的例子,按水平方向和竖直方向对整体平面图进行分区。In some embodiments, the overall floor plan can be divided into regions along one or more predetermined directions. As an example, it is possible to partition in two predetermined directions (referred to as "first direction" and "second direction", respectively). The first direction and the second direction may be any suitable directions, for example, may be a horizontal direction and a vertical direction. For ease of discussion, some embodiments regarding overall floor plan layout and presentation will consider the example of the horizontal direction as the first direction and the vertical direction as the second direction, partitioning the overall floor plan by horizontal and vertical directions.

图3A示出了根据本公开的一些实施例的多楼层的整体平面图146的示例布局300。FIG. 3A illustrates an example layout 300 of a multi-story overall floor plan 146 according to some embodiments of the present disclosure.

在布局300中,整体平面图146在水平方向(作为第一方向的示例)和竖直方向(作为第二方向的示例)被划分成3×3共9个区域305,每个区域呈现一个楼层的平面图310。各楼层的平面图可以任意适当规则放置到相应的区域中。如图3A所示,在整体平面图146中,楼层名称315所指示的楼层号从左向右且从上向下增大。In the layout 300, the overall floor plan 146 is divided into 3×3 nine areas 305 in the horizontal direction (as an example of the first direction) and the vertical direction (as an example of the second direction), and each area presents a floor plan. Floor plan 310. The floor plan of each floor can be placed in the corresponding area according to any appropriate rules. As shown in FIG. 3A , in the overall floor plan 146 , the floor numbers indicated by the floor names 315 increase from left to right and from top to bottom.

在一些实施例中,在确定整体平面图的分区的过程中,可以按方向确定各方向的区域的数目,以呈现相应数目的楼层。可以尽量使各方向上呈现的楼层数目相等,以进一步提高整体平面图的展示效果,提高用户体验。In some embodiments, in the process of determining the divisions of the overall floor plan, the number of areas in each direction may be determined by direction to present a corresponding number of floors. It is possible to make the number of floors displayed in all directions equal as far as possible, so as to further improve the display effect of the overall floor plan and improve user experience.

例如,在按照水平和竖直方向对整体平面图分区的实施例中,可以根据下式计算水平和竖直方向要放置的楼层数目:For example, in an embodiment where the overall floor plan is partitioned according to the horizontal and vertical directions, the number of floors to be placed in the horizontal and vertical directions can be calculated according to the following formula:

rowLength=Math.round(Math.sqrt(floorLength))(1)rowLength = Math.round(Math.sqrt(floorLength))(1)

colLength=Math.ceil(floorLength/rowLength)(2)colLength=Math.ceil(floorLength/rowLength)(2)

其中,floorLength表示楼层数目,rowLength表示分区行数,colLength指示分区列数,Math.sqrt()表示求平方运算,Math.round()表示四舍五入运算,Math.ceil()表示向上取整运算。下面将结合图3B讨论8层楼的示例。Among them, floorLength indicates the number of floors, rowLength indicates the number of partition rows, colLength indicates the number of partition columns, Math.sqrt() indicates the square operation, Math.round() indicates the rounding operation, and Math.ceil() indicates the upward rounding operation. An example of an 8-story building will be discussed below in conjunction with FIG. 3B.

图3B示出了根据本公开的一些其他实施例的多楼层的整体平面图146的示例布局320。FIG. 3B illustrates an example layout 320 of a multi-story overall floor plan 146 according to some other embodiments of the present disclosure.

在布局320中,整体平面图146中呈现了8层楼的8个平面图310。通过上面式(1)和式(2)可以得到rowLength=3,colLength=3。这样,如图3B所示,8层楼的8个平面图310被布置为三行三列。In layout 320 , eight floor plans 310 for eight floors are presented in overall floor plan 146 . Through the above formula (1) and formula (2), rowLength=3 and colLength=3 can be obtained. In this way, as shown in FIG. 3B , eight floor plans 310 of eight floors are arranged in three rows and three columns.

在一些实施例中,可以固定整体平面图的分辨率不变,缩小每层平面图的大小,以放置在一张整体平面图中。例如,在图3B所示的示例中,假设整体平面图320的分辨率为2400×2400,其在水平方向和竖直方向被平均分成3×3的9个区域305,每个区域的分辨率为800×800,然后在每个区域305中呈现每层楼的平面图。In some embodiments, the resolution of the overall plan view may be fixed, and the size of each layer plan view may be reduced so as to be placed in an overall plan view. For example, in the example shown in FIG. 3B , it is assumed that the overall plan view 320 has a resolution of 2400×2400, which is equally divided into nine regions 305 of 3×3 in the horizontal and vertical directions, and the resolution of each region is 800×800, and then present the floor plan of each floor in each area 305 .

举例而言,如果采用上面的式(1)和式(2)对整体平面图分区,假设整体平面图的分辨率为2400×2400,可以按如下规则布置多个楼层的多个平面图:For example, if the above formula (1) and formula (2) are used to partition the overall floor plan, assuming that the resolution of the overall floor plan is 2400×2400, multiple floor plans of multiple floors can be arranged according to the following rules:

·1层楼:每层楼占2400×2400·1 floor: each floor occupies 2400×2400

·2层楼:占一行两列,每层楼占1200×24002 floors: one row and two columns, each floor occupies 1200×2400

·3层楼:占两行两列,每层楼占1200×1200·3 floors: occupy two rows and two columns, each floor occupies 1200×1200

·4层楼:占两行两列,每层楼占1200×12004 floors: occupy two rows and two columns, each floor occupies 1200×1200

·5层楼:占两行三列,每层楼占800×1200·5 floors: two rows and three columns, each floor occupies 800×1200

·6层楼:占两行三列,每层楼占800×12006 floors: two rows and three columns, each floor occupies 800×1200

·7层楼:占三行三列,每层楼占800×8007 floors: three rows and three columns, each floor occupies 800×800

·8层楼和9层楼:占三行三列,每层楼占800×800· 8 floors and 9 floors: three rows and three columns, each floor occupies 800×800

为了实现将平面图放置到相应区域中,在一些实施例中,可以确定区域中用于呈现相应平面图的显示位置。该显示位置可以基于区域的预定参考位置来确定。预定参考位置可以被设置为区域中的任意适当位置。例如,可以将区域的中心点位置作为用于定位待呈现的平面图的预定参考位置。In order to place the plan view in the corresponding area, in some embodiments, a display position for presenting the corresponding plan view in the area may be determined. The display position may be determined based on a predetermined reference position of the area. The predetermined reference position may be set as any suitable position in the area. For example, the position of the central point of the area may be used as a predetermined reference position for locating the plan view to be presented.

作为示例,可以计算每个区域的中心点的坐标。该坐标可以基于任意适当坐标系来确定。例如,可以将整体平面图的左上角作为原点,水平向右作为正x,竖直向下作为正y,则每个区域的中心点的坐标可以计算如下:As an example, the coordinates of the center point of each area may be calculated. The coordinates may be determined based on any suitable coordinate system. For example, the upper left corner of the overall floor plan can be used as the origin, the horizontal direction to the right can be regarded as positive x, and the vertical downward can be regarded as positive y. Then the coordinates of the center point of each area can be calculated as follows:

x=(col+0.5)×imageW (3)x=(col+0.5)×imageW (3)

y=(row+0.5)×imageH (4)y=(row+0.5)×imageH (4)

其中,col表示水平方向的索引,row表示竖直方向的索引,其均可以从0开始计数;imageW和imageH分别表示每个区域的宽高分辨率。在确定了各区域的中心点的坐标之后,可以根据各中心点的坐标确定相应平面图的显示位置,以在各平面图放置在相应区域中。Among them, col represents the index in the horizontal direction, and row represents the index in the vertical direction, both of which can start counting from 0; imageW and imageH represent the width and high resolution of each area respectively. After the coordinates of the center points of each area are determined, the display position of the corresponding plan view can be determined according to the coordinates of each center point, so that each plan view can be placed in the corresponding area.

在一些实施例中,为了保证各区域中所呈现的平面图的完整性,可以在每个区域内预留保护间隔。作为示例,平面图的实际展示区(或绘制区)可以设置为占区域的宽高80%的区域。这样,可以在区域的宽高均预留20%的保护间隔,以进一步保证平面图能够完整地呈现在相应区域中。应当理解,80%仅仅是示例而非限制。可以按照任意其他比例来设置平面图的实际展示区。In some embodiments, in order to ensure the integrity of the floor plan presented in each region, a guard interval may be reserved in each region. As an example, the actual display area (or drawing area) of the plan view may be set to occupy 80% of the width and height of the area. In this way, a guard interval of 20% can be reserved for both the width and height of the region, so as to further ensure that the plan view can be completely presented in the corresponding region. It should be understood that 80% is merely an example and not a limitation. The actual display area of the floor plan can be set at any other scale.

在一些实施例中,如图3A所示,在整体平面图146中除了展示各楼层平面图310,还可以展示楼层名称315、标尺325、指南针330以及其他信息(未示出)。在这些实施例中,除了平面图310的展示区(或绘制区),还可以确定标尺325、楼层名称315等的展示区(或绘制区)。作为示例,标尺展示区可以确定为平面图展示区向外扩展预定距离,例如,扩展区域的宽高较小者的3%(或者其他任意适当比例)的距离。楼层名称展示区可以基于标尺和平面图两者的包围区来确定。例如,可以从包围区底部中心沿区域的高(例如,垂直方向)平移预定比例(例如,3%)。In some embodiments, as shown in FIG. 3A , in addition to displaying each floor plan 310 in the general plan view 146 , floor names 315 , scales 325 , compass 330 and other information (not shown) may also be displayed. In these embodiments, in addition to the display area (or drawing area) of the floor plan 310, the display area (or drawing area) of the ruler 325, the floor name 315, etc. can also be determined. As an example, the ruler display area may be determined to extend outward by a predetermined distance from the plan view display area, for example, a distance of 3% (or any other appropriate ratio) of the smaller width and height of the expanded area. The floor name display area can be determined based on the enclosing area of both the scale and the floor plan. For example, a predetermined percentage (eg, 3%) may be translated from the center of the bottom of the enclave along the height (eg, vertical direction) of the area.

标尺展示区向平面图展示区以外扩展的距离以及/或者楼层名称展示区沿区域的高平移的比例可以被设置为任意适当值。在一些实施例中,上述距离和/或比例可以不超过预定阈值,该阈值可以基于实际需求来确定。这样,可以确保楼层名称完整地呈现在区域内。The distance by which the scale display area extends out of the floor plan display area and/or the ratio of the height translation of the floor name display area along the area can be set to any suitable value. In some embodiments, the above distance and/or ratio may not exceed a predetermined threshold, and the threshold may be determined based on actual requirements. In this way, you can ensure that the floor name is fully represented in the area.

为了有效缩小各层楼的平面图的大小以放置在相应的区域中,在一些实施例中,可以针对各平面图确定其缩放因子并且基于该缩放因子来进行呈现。可以基于在预定方向(例如,第一方向和第二方向,其可以例如为水平方向和垂直方向)上的分区数目、整体平面图的分辨率以及各个平面图的分辨率来确定缩放因子。In order to efficiently reduce the size of the floor plans for placement in corresponding areas, in some embodiments, a scaling factor may be determined for each floor plan and presented based on the scaling factor. The scaling factor may be determined based on the number of partitions in predetermined directions (eg, first and second directions, which may be, for example, horizontal and vertical directions), the resolution of the overall plan view, and the resolution of each plan view.

作为示例,在各楼层的平面图与整体平面图的分辨率相同的实施例中,可以如下确定各楼层平面图的缩放因子:As an example, in an embodiment where the floor plans of each floor are at the same resolution as the overall floor plan, the scaling factor for each floor plan may be determined as follows:

rowScale=1/rowLength (5)rowScale=1/rowLength (5)

colScale=1/colLength (6)colScale=1/colLength (6)

其中,rowLength表示分区行数,colLength表示分区列数,rowScale表示水平方向的缩放因子,colScale表示竖直方向的缩放因子。Among them, rowLength represents the number of partition rows, colLength represents the number of partition columns, rowScale represents the scaling factor in the horizontal direction, and colScale represents the scaling factor in the vertical direction.

标尺也可以根据平面图的缩放因子来进行缩放。例如,标尺的线宽lineWidth可以确定为:The ruler can also be scaled according to the scale factor of the floor plan. For example, the line width of the ruler lineWidth can be determined as:

lineWidth=2×colScale (7)lineWidth=2×colScale (7)

其中,lineWidth最小值可以设置为1。标尺的字体大小textSize可以确定为:Among them, the minimum value of lineWidth can be set to 1. The font size textSize of the ruler can be determined as:

textSize=14×linewidth (8)textSize=14×linewidth (8)

标尺距离墙壁的距离可以确定为区域的宽高较小者的5%(或者其他适当比例)。The distance between the scale and the wall can be determined as 5% of the smaller of the width and height of the area (or other appropriate ratios).

另外,楼层名称的字体大小和指南针也可以相应缩放。例如,楼层名称的字体大小Size可以确定为:Also, the font size of the floor names and the compass can be scaled accordingly. For example, the font size Size of the floor name can be determined as:

Size=rowScale×90 (9)Size=rowScale×90 (9)

指南针的缩放比例Scale可以确定为:The zoom scale of the compass can be determined as:

Scale=2.5×colScale (10)Scale = 2.5 × colScale (10)

应当理解,上面的式(7)至式(10)中的参数值仅仅是示例,而非限制。这些参数值可以根据实际需求或者应用场景设置为任意适当值。It should be understood that the parameter values in the above formulas (7) to (10) are only examples, not limitations. These parameter values may be set to any appropriate values according to actual requirements or application scenarios.

考虑到各楼层平面图的形状和尺寸可能会有所不同,为了进一步改进整体平面图展示的视觉效果,以进一步提高用户体验,在整体平面图被等分成多个区域的实施例中,可以基于参考平面图的参考缩放因子来呈现各平面图。在一些实施例中,各楼层平面图的缩放比例可以与参考平面图的缩放比例相同。这样,可以使各区域中的平面图的缩放比例相接近或者甚至相同,提升显示效果。Considering that the shape and size of each floor plan may be different, in order to further improve the visual effect of the overall floor plan display and further enhance the user experience, in the embodiment where the overall floor plan is divided into multiple areas, it can be based on the reference floor plan. Floor plans are presented with reference to zoom factors. In some embodiments, each floor plan may be scaled at the same scale as the reference floor plan. In this way, the scaling ratios of the plan views in each area can be made close to or even the same, and the display effect can be improved.

参考平面图可以是待呈现的多个平面图中的任意一个。作为示例,可以将多楼层中面积最大楼层的平面图确定为参考平面图。相应地,可以基于分区数目以及整体平面图和参考平面图的分辨率来确定参考缩放因子。这样,各楼层的平面图可以基于面积最大楼层的平面图的缩放因子来进行缩放。由此,既可以改进显示效果,又可以保证各平面图能够完整地呈现在相应区域中。The reference plan may be any one of the plurality of plans to be presented. As an example, the floor plan with the largest area among the multiple floors may be determined as the reference floor plan. Accordingly, the reference scaling factor can be determined based on the number of partitions and the resolution of the overall plan and the reference plan. In this way, the floor plan of each floor may be scaled based on the scaling factor of the floor plan of the largest floor. In this way, the display effect can be improved, and it can be ensured that each plan view can be completely presented in the corresponding area.

在一些实施例中,除了展示多个楼层的整体平面图之外,还可以展示各楼层的分层平面图。例如,可以在呈现整体平面图的第二用户界面(例如,图1中的第二用户界面144)上呈现各楼层的分层平面图。下面将结合图4A和图4B对这方面的实施例进行说明。In some embodiments, in addition to showing the overall floor plan of a plurality of floors, a layered floor plan of each floor may also be shown. For example, a layered floor plan of each floor may be presented on a second user interface (for example, the second user interface 144 in FIG. 1 ) presenting an overall floor plan. Embodiments in this regard will be described below with reference to FIG. 4A and FIG. 4B .

图4A示出了根据本公开的一些实施例的第二用户界面144的示例布局400。FIG. 4A illustrates an example layout 400 of the second user interface 144 according to some embodiments of the present disclosure.

在布局400中,第二用户界面144包括缩略图区405和预览区410。在缩略图区405中,展示整体平面图的缩略图412以及F1和F2层的分层平面图的缩略图414和416。响应于用户选择了F1层的缩略图414,在预览区410中呈现F1层的分层平面图418。分层平面图的布局可以与整体平面图相同或不同。In layout 400 , the second user interface 144 includes a thumbnail area 405 and a preview area 410 . In the thumbnail area 405, a thumbnail 412 of the overall plan view and thumbnails 414 and 416 of the layered plan views of the F1 and F2 floors are shown. In response to the user selecting the thumbnail image 414 of the F1 floor, a layered floor plan 418 of the F1 floor is presented in the preview area 410 . The layout of the floor plan can be the same as or different from the overall floor plan.

图4B示出了根据本公开的一些实施例的分层平面图420的示例布局422。FIG. 4B illustrates an example layout 422 of a layered floor plan 420 according to some embodiments of the disclosure.

如图4B所示,楼层名称425放在分层平面图420的左上角。这不同于图3A中所示的整体平面图146的布局305。在布局305,楼层名称315放在相应楼层的平面图310的底部中心位置。备选地或附加地,分层平面图420的标尺区域向外扩展的距离也可以不同于整体平面图。例如,如果整体平面图的分区中呈现的各分层平面图的标尺区域设置为向平面图展示区以外扩展区域宽高的3%,分层平面图420的标尺区域可以向外扩展分层平面图(或者其展示区)宽高的5%,或者其他任意适当比例。As shown in FIG. 4B , the floor name 425 is placed in the upper left corner of the floor plan 420 . This differs from the layout 305 of the overall plan view 146 shown in FIG. 3A. In layout 305, floor names 315 are placed at the bottom center of floor plan 310 for the corresponding floor. Alternatively or additionally, the distance by which the scale area of the layered plan view 420 expands outward may also be different from that of the overall plan view. For example, if the scale area of each layered plan presented in the partition of the overall plan is set to 3% of the width and height of the expanded area outside the display area of the plan, the scale area of the layered plan 420 can expand the layered plan (or its display) outwards. area) 5% of the width and height, or any other appropriate ratio.

除了多楼层平面图(包括整体平面图和/或分层平面图)的展示交互,本公开的一些实施例还提供了各楼层平面图的绘制交互。例如,用户可以在用于呈现各楼层平面图的第一用户界面(例如,图1中的第一用户界面130)上执行楼层添加、删除、切换等操作。In addition to displaying and interacting with multi-floor plans (including overall plans and/or layered plans), some embodiments of the present disclosure also provide drawing interactions for each floor plan. For example, the user may perform operations such as adding, deleting, and switching floors on the first user interface (for example, the first user interface 130 in FIG. 1 ) for presenting floor plans.

为了实现楼层添加,在一些实施例中,可以在第一用户界面上呈现用于添加楼层的控件(称为“第一控件”)。响应于用户针对第一控件的预定操作,可以在第一户界面上呈现针对新添加的楼层(称为“第二楼层”)的指示。该预定操作可以包括任意适当操作,例如,点击、触摸或者接近等等。取决于当前已有楼层,第二楼层可以是任意适当楼层。下面将参考图5A和图5B讨论添加楼层的示例过程。To enable floor addition, in some embodiments, controls for adding floors (referred to as "first controls") may be presented on the first user interface. In response to a user's predetermined operation on the first control, an indication for a newly added floor (referred to as a "second floor") may be presented on the first interface. The predetermined operation may include any appropriate operation, for example, clicking, touching, or approaching. The second floor may be any suitable floor depending on the currently existing floors. An example process for adding a floor is discussed below with reference to FIGS. 5A and 5B .

图5A和图5B示出了根据本公开的一些实施例的第一用户界面130的示例布局500和505。5A and 5B illustrate example layouts 500 and 505 of the first user interface 130 according to some embodiments of the present disclosure.

首先参考图5A,第一用户界面130包括控制面板510,其上呈现当前的第一楼层的指示512。控制面板510还呈现用于添加新楼层的第一控件515-1和515-2(单独或者总称为“第一控件”515),其中第一控件515-1用于添加当前楼层以上的楼层,第一控件515-2用于添加当前楼层以下的楼层。在此示例中,当前的第一楼层是F1层。如果用户点击了第一控件515-1,则可以相应地添加F2层作为第二楼层。如果用户点击了第一控件515-2,则可以添加B1层作为第二楼层。Referring first to FIG. 5A , the first user interface 130 includes a control panel 510 on which an indication 512 of the current first floor is presented. The control panel 510 also presents first controls 515-1 and 515-2 (individually or collectively "first controls" 515) for adding a new floor, wherein the first control 515-1 is used to add a floor above the current floor, The first control 515-2 is used to add floors below the current floor. In this example, the current first floor is F1. If the user clicks on the first control 515-1, the F2 floor can be added accordingly as the second floor. If the user clicks on the first control 515-2, the B1 floor may be added as the second floor.

在图5B所示的布局505中,在用户点击了第一控件515-1之后,添加当前楼层F1层以上的F2层。如图5B所示,在控制面板510上,除了呈现当前楼层的指示512之外,还呈现针对新添加的第二楼层的指示(例如,F2)520。在此示例中,添加了新的第二楼层之后,不切换(或者跳转)用户界面,仍然展示第一用户界面130。In the layout 505 shown in FIG. 5B , after the user clicks the first control 515 - 1 , a floor F2 above the current floor F1 is added. As shown in FIG. 5B , on the control panel 510 , in addition to the indication 512 of the current floor, an indication (for example, F2 ) 520 for the newly added second floor is also presented. In this example, after a new second floor is added, the user interface is not switched (or jumped), and the first user interface 130 is still displayed.

在一些实施例中,如果用户对指示520执行了诸如点击、触摸或者接近等预定操作,可以从第一用户界面130跳转到另外的用户界面(未示出),以供用户绘制或者导入与第二楼层的平面图相关联的内容。响应于用户的进一步操作或请求,可以从第二楼层的对应用户界面再跳转到其他用户界面。在这种情况下,如果用户已经在第二楼层的对应用户界面上绘制或者导入了平面图相关内容,可以清除当前用户界面上的内容,将选中的楼层的相关内容呈现(或绘制)在跳转后的用户界面上。In some embodiments, if the user performs a predetermined operation such as clicking, touching or approaching the indication 520, the user can jump from the first user interface 130 to another user interface (not shown) for the user to draw or import and The associated content of the floor plan of the second floor. In response to further operations or requests from the user, the corresponding user interface on the second floor can be jumped to another user interface. In this case, if the user has already drawn or imported floor plan-related content on the corresponding user interface of the second floor, the content on the current user interface can be cleared, and the relevant content of the selected floor will be presented (or drawn) in the jump on the subsequent user interface.

如上文提及的,如果当前第一用户界面130上没有任何内容,则可以响应于用于至少获取与当前的第一楼层的第一平面图相关联的第一图像的第二用户请求,导入第一图像。在一些实施例中,如果第一用户平面130上呈现了与第一平面图相关联的第一用户绘制内容,则响应于接收到第二用户请求,可以将第一用户绘制内容替换为第一图像。As mentioned above, if there is nothing currently on the first user interface 130, the second user interface may be imported in response to a second user request for obtaining at least the first image associated with the current first floor plan of the first floor. an image. In some embodiments, if the first user-drawn content associated with the first plan view is presented on the first user plane 130, then in response to receiving a second user request, the first user-drawn content may be replaced with the first image .

在一些实施例中,如果已经添加了多个楼层,第二用户请求可以请求获取与多个楼层的多个平面图相关联的图像。在这种情况下,响应于接收到第二用户请求,可以获取多个楼层的这些图像,其包括第一图像。可以将第一图像呈现在第一用户界面130上。下面将结合图5C讨论导入多楼层的平面图相关图像的示例过程。In some embodiments, if multiple floors have been added, the second user request may request images associated with multiple floor plans for the multiple floors. In this case, in response to receiving the second user request, the images of the plurality of floors may be acquired, including the first image. The first image may be presented on the first user interface 130 . An example process for importing floor plan-related images of multiple floors is discussed below in conjunction with FIG. 5C .

图5C示出了根据本公开的一些实施例的第一用户界面130的示例布局530。FIG. 5C illustrates an example layout 530 of the first user interface 130 according to some embodiments of the present disclosure.

如图5C所示,在此示例中,除了当前的第一楼层(例如,F1层)之外,还添加了第二楼层(例如,F2层)。相应地,在第一用户界面130的控制面板510上呈现了第一楼层和第二楼层的指示512和520。如果用户点击了控制面板134上的“导入”控件136,则可以表明用户请求获取包括第一楼层和第二楼层在内的多个楼层的多个平面图的相关图像。As shown in FIG. 5C, in this example, in addition to the current first floor (eg, F1 floor), a second floor (eg, F2 floor) is added. Accordingly, indications 512 and 520 of the first floor and the second floor are presented on the control panel 510 of the first user interface 130 . If the user clicks on the "Import" control 136 on the control panel 134, it may indicate that the user requests to obtain related images of multiple floor plans of multiple floors including the first floor and the second floor.

如果针对已有的多个楼层没有绘制任何内容,则可以直接导入所获取的多个楼层的平面图相关图像。如图5C所示,可以在第一用户界面130上呈现与第一楼层的第一平面图相关联的第一图像535。If nothing is drawn for the existing multiple floors, you can directly import the relevant images of the acquired floor plans of the multiple floors. As shown in FIG. 5C , a first image 535 associated with a first floor plan of a first floor may be presented on the first user interface 130 .

如果已绘制了若干层的平面图相关内容,则可以基于楼层名称是否相同来进行导入。例如,如果所获取图像的对应楼层名称与已经具有平面图相关内容的楼层名称相同,则使用所获取图像替换先前的内容。如果所获取图像的对应楼层名称与已有的楼层名称不同,则表明所获取图像的对应楼层相对于已绘制楼层是新的楼层。在这种情况下,可以添加相应的楼层进行绘制。If the floor plan related content of several floors has been drawn, it can be imported based on whether the floor names are the same. For example, if the corresponding floor name of the acquired image is the same as the floor name that already has relevant content of the floor plan, the acquired image is used to replace the previous content. If the floor name corresponding to the acquired image is different from the existing floor name, it indicates that the floor corresponding to the acquired image is a new floor relative to the drawn floor. In this case, the corresponding floors can be added for drawing.

为了区别各楼层的平面图,可以为每层平面图增加指示楼层的字段,例如表示为“floorBaseIndex”。作为示例,对于F1层,floorBaseIndex=0。F1层往上,floorBaseIndex的值可以依次为1,2,3...。F1层往下,floorBaseIndex的值可以依次为-1,-2,-3...。相应地,对于新添加的楼层,在确定其floorBaseIndex值时可以对添加地上楼层和地下楼层这两种情况进行区分。例如,如果添加的楼层是地上楼层,则新添加的楼层的字段floorBaseIndex值为添加前最大的floorBaseIndex+1。如果添加的楼层是地下楼层,则新添加的楼层的floorBaseIndex值为最小的floorBaseIndex-1。In order to distinguish the floor plans of each floor, a field indicating the floor may be added to each floor plan, for example expressed as "floorBaseIndex". As an example, for the F1 floor, floorBaseIndex=0. From the F1 layer up, the value of floorBaseIndex can be 1, 2, 3... in turn. From the F1 layer down, the value of floorBaseIndex can be -1, -2, -3... in turn. Correspondingly, for a newly added floor, when determining its floorBaseIndex value, a distinction can be made between adding an above-ground floor and an underground floor. For example, if the added floor is an above-ground floor, the value of the field floorBaseIndex of the newly added floor is the largest floorBaseIndex+1 before the addition. If the added floor is an underground floor, the floorBaseIndex value of the newly added floor is the smallest floorBaseIndex-1.

对于楼层删除,可以在第一用户界面上呈现用于删除某个楼层(例如,已经添加的第二楼层)的控件(称为“第二控件”)。响应于针对第二控件的预定操作(例如,点击、触摸或者接近等等),可以从第一用户界面移除针对该楼层的指示。For floor deletion, a control (referred to as a "second control") for deleting a certain floor (eg, a second floor that has been added) may be presented on the first user interface. In response to a predetermined operation (eg, clicking, touching, or approaching, etc.) on the second control, the indication for the floor may be removed from the first user interface.

下面将继续参考图5B来讨论楼层删除的示例过程。如图5B所示,在第一用户界面130的控制面板510中呈现了用户删除第二楼层的第二控件525。如果用户点击了该控件,则可以从第一用户界面130移除针对第二楼层的指示520。An example process for floor deletion will be discussed below with continued reference to FIG. 5B . As shown in FIG. 5B , a second control 525 for the user to delete the second floor is presented in the control panel 510 of the first user interface 130 . If the user clicks on the control, the indication 520 for the second floor may be removed from the first user interface 130 .

在第一用户界面130已经跳转到用于呈现和绘制第二楼层的用户界面的实施例,考虑到删除楼层后,楼层相关内容也相应无法展示,可以在删除楼层后进行楼层切换,例如,从针对第二楼层的用户界面切换为第一用户界面130。在一些实施例中,如果当前删除的楼层有平面图相关内容(例如,图像和/或用户绘制内容),可以将其一并删除,以进一步节省存储容量,优化系统性能。In the embodiment where the first user interface 130 has jumped to the user interface for presenting and drawing the second floor, considering that after the floor is deleted, the relevant content of the floor cannot be displayed correspondingly, and the floor switching can be performed after the floor is deleted, for example, Switch from the user interface for the second floor to the first user interface 130 . In some embodiments, if the currently deleted floor has floor plan-related content (for example, images and/or user-drawn content), it can be deleted together to further save storage capacity and optimize system performance.

楼层切换的实现方式可以区分删除的楼层是地上楼层还是地下楼层。例如,在删除地上楼层后,当前用户界面可以切换到所删除楼层的紧邻的下一层对应的用户界面。在删除地下楼层后,则当前用户界面可以切换到所删除楼层紧邻的上一层对应的用户界面。The implementation of floor switching can distinguish whether the floor to be deleted is an above-ground floor or an underground floor. For example, after the above-ground floor is deleted, the current user interface may be switched to the user interface corresponding to the immediately next floor of the deleted floor. After the underground floor is deleted, the current user interface can be switched to the user interface corresponding to the upper floor immediately adjacent to the deleted floor.

在一些实施例中,楼层删除可以基于预定规则来进行。例如,考虑到建筑物通常都有F1层,可以将F1层设置为是不可删除的。另外,为了避免楼层删除导致楼层名称出现混乱或者歧义,还可以设置只允许删除多楼层两端的楼层,即楼层组中的第一个和最后一个,而不允许删除中间楼层。In some embodiments, floor deletion may be based on predetermined rules. For example, considering that buildings usually have F1 floors, the F1 floors can be set to be undeletable. In addition, in order to avoid confusion or ambiguity in floor names caused by floor deletion, you can also set that only the floors at both ends of the multi-floor are allowed to be deleted, that is, the first and last floors in the floor group, and the middle floors are not allowed to be deleted.

图6示出了根据本公开的一些实施例的用于配置设备的装置600的示意性结构框图。装置600可以被实现为或者被包括在电子设备110中。装置600中的各个模块/组件可以由硬件、软件、固件或者它们的任意组合来实现。Fig. 6 shows a schematic structural block diagram of an apparatus 600 for configuring a device according to some embodiments of the present disclosure. The apparatus 600 may be implemented as or included in the electronic device 110 . Each module/component in the device 600 may be implemented by hardware, software, firmware or any combination thereof.

如图6所示,装置600包括第一呈现模块610、布局确定模块620和第二呈现模块630。第一呈现模块610被配置为在第一用户界面上呈现与第一楼层的第一平面图相关联的第一图像和第一用户绘制内容中的至少一项。布局确定模块620被配置为响应于接收到用于呈现多楼层平面图的第一用户请求,确定包括第一楼层在内的多个楼层中各楼层的平面图在多个楼层的整体平面图中的布局。第二呈现模块630被配置为根据所确定的布局,在不同的第二用户界面上呈现整体平面图,整体平面图包括多个楼层的相应的多个平面图,多个平面图包括第一楼层的第一平面图。As shown in FIG. 6 , the apparatus 600 includes a first presentation module 610 , a layout determination module 620 and a second presentation module 630 . The first presentation module 610 is configured to present at least one of a first image and a first user-drawn content associated with the first floor plan of the first floor on the first user interface. The layout determining module 620 is configured to, in response to receiving a first user request for presenting a multi-floor plan, determine the layout of the plan of each of the plurality of floors including the first floor in the overall plan of the plurality of floors. The second presenting module 630 is configured to present an overall floor plan on a different second user interface according to the determined layout, the overall floor plan includes a plurality of corresponding floor plans of a plurality of floors, and the plurality of floor images includes a first floor plan of a first floor .

在一些实施例中,布局确定模块620可以进一步被配置为:基于多个楼层的数目,将整体平面图划分成多个区域,多个平面图中的一个平面图在多个区域中的一个区域中被呈现。In some embodiments, the layout determining module 620 may be further configured to: divide the overall floor plan into a plurality of regions based on the number of floors, and a floor plan in the plurality of floors is presented in one of the plurality of regions .

在一些实施例中,第二呈现模块630可以进一步被配置为:基于多个区域中的一个区域的预定参考位置,确定多个平面图中的相应平面图在区域中的显示位置;以及在区域中的显示位置,呈现相应平面图。In some embodiments, the second presentation module 630 may be further configured to: based on a predetermined reference position of an area in the plurality of areas, determine the display position of the corresponding plan view in the area in the plurality of plan views; Display the location and present the corresponding floor plan.

在一些实施例中,整体平面图可以被等分成多个区域。在这些实施例中,第二呈现模块630可以进一步被配置为:基于多个区域在预定的第一方向和第二方向上的数目、整体平面图的分辨率以及多个平面图中的参考平面图的分辨率,确定参考缩放因子;以及基于参考缩放因子,在多个区域中呈现多个平面图。In some embodiments, the overall floor plan can be equally divided into multiple regions. In these embodiments, the second presentation module 630 may be further configured to: based on the number of the plurality of areas in the predetermined first direction and the second direction, the resolution of the overall plan view, and the resolution of the reference plan view among the plurality of plans determining a reference zoom factor; and presenting a plurality of floor plans in a plurality of regions based on the reference zoom factor.

在一些实施例中,装置600还可以包括第三呈现模块,其被配置为在第二用户界面上进一步呈现多个楼层中各楼层的分层平面图。In some embodiments, the device 600 may further include a third presentation module configured to further present a layered floor plan of each of the plurality of floors on the second user interface.

在一些实施例中,第二呈现模块630可以进一步被配置为:响应于接收到用于获取至少第一图像的第二用户请求,在第一用户界面上呈现第一图像。In some embodiments, the second presentation module 630 may be further configured to present the first image on the first user interface in response to receiving a second user request for acquiring at least the first image.

在一些实施例中,第二呈现模块630可以进一步被配置为:在第一用户平面上呈现第一用户绘制内容;以及响应于接收到第二用户请求,将第一用户绘制内容替换为第一图像。In some embodiments, the second presentation module 630 may be further configured to: present the first user-drawn content on the first user plane; and replace the first user-drawn content with the first user-drawn content in response to receiving a second user request image.

在一些实施例中,第二用户请求可以被用于获取与多个楼层的多个平面图相关联的图像。在这些实施例中,第二呈现模块630可以进一步被配置为:响应于接收到第二用户请求,获取与多个楼层的多个平面图相关联的多个图像,多个图像包括第一图像;以及在第一用户界面上呈现第一图像。In some embodiments, the second user request may be used to obtain images associated with multiple floor plans for multiple floors. In these embodiments, the second presentation module 630 may be further configured to: obtain a plurality of images associated with a plurality of floor plans of a plurality of floors in response to receiving a second user request, the plurality of images including the first image; and presenting the first image on the first user interface.

在一些实施例中,装置600还可以包括:第三呈现模块,被配置为在第一用户界面上呈现用于添加楼层的第一控件;以及第四呈现模块,被配置为响应于针对第一控件的预定操作,在第一用户界面上呈现针对新添加的第二楼层的指示。In some embodiments, the device 600 may further include: a third presentation module configured to present a first control for adding a floor on the first user interface; and a fourth presentation module configured to respond to the first Predetermined operation of the control, presenting an indication for the newly added second floor on the first user interface.

在一些实施例中,装置600还可以包括:第五呈现模块,被配置为在第一用户界面上呈现用于删除多个楼层中的第二楼层的第二控件;以及指示移除模块,被配置为第六响应于针对第二控件的预定操作,从第一用户界面移除针对第二楼层的指示。In some embodiments, the device 600 may further include: a fifth presentation module configured to present on the first user interface a second control for deleting a second floor in the plurality of floors; and an indication removal module configured to It is configured that the indication for the second floor is removed from the first user interface in response to a predetermined operation on the second control.

应当理解,上文参考图1至图5C讨论的关于过程200的特征和效果同样适用于装置600,在此不再赘述。另外,装置600中所包括的模块可以利用各种方式来实现,包括软件、硬件、固件或其任意组合。在一些实施例中,一个或多个模块可以使用软件和/或固件来实现,例如存储在存储介质上的机器可执行指令。除了机器可执行指令之外或者作为替代,装置600中的部分或者全部模块可以至少部分地由一个或多个硬件逻辑组件来实现。作为示例而非限制,可以使用的示范类型的硬件逻辑组件包括现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准品(ASSP)、片上系统(SOC)、复杂可编程逻辑器件(CPLD),等等。It should be understood that the features and effects of the process 200 discussed above with reference to FIG. 1 to FIG. 5C are also applicable to the device 600 and will not be repeated here. In addition, the modules included in the apparatus 600 may be implemented in various ways, including software, hardware, firmware or any combination thereof. In some embodiments, one or more modules may be implemented using software and/or firmware, such as machine-executable instructions stored on a storage medium. In addition to or instead of machine-executable instructions, some or all of the modules in apparatus 600 may be at least partially implemented by one or more hardware logic components. Exemplary types of hardware logic components that may be used include, by way of example and not limitation, Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), System on Chips (SOCs), Complex Programmable Logic Devices (CPLD), and so on.

图7示出了示出了其中可以实施本公开的一个或多个实施例的电子设备700的框图。应当理解,图7所示出的电子设备700仅仅是示例性的,而不应当构成对本文所描述的实施例的功能和范围的任何限制。图7所示出的电子设备700可以用于实现图1的电子设备110。FIG. 7 shows a block diagram illustrating an electronic device 700 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 700 shown in FIG. 7 is only exemplary, and should not constitute any limitation on the functions and scope of the embodiments described herein. The electronic device 700 shown in FIG. 7 can be used to implement the electronic device 110 in FIG. 1 .

如图7所示,电子设备700是通用计算设备的形式。电子设备700的组件可以包括但不限于一个或多个处理器或处理单元710、存储器720、存储设备730、一个或多个通信单元740、一个或多个输入设备750以及一个或多个输出设备760。处理单元710可以是实际或虚拟处理器并且能够根据存储器720中存储的程序来执行各种处理。在多处理器系统中,多个处理单元并行执行计算机可执行指令,以提高电子设备700的并行处理能力。As shown in FIG. 7, electronic device 700 is in the form of a general-purpose computing device. Components of electronic device 700 may include, but are not limited to, one or more processors or processing units 710, memory 720, storage devices 730, one or more communication units 740, one or more input devices 750, and one or more output devices 760. The processing unit 710 may be an actual or virtual processor and is capable of performing various processes according to programs stored in the memory 720 . In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to increase the parallel processing capability of the electronic device 700 .

电子设备700通常包括多个计算机存储介质。这样的介质可以是电子设备700可访问的任何可以获得的介质,包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器720可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如,只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备730可以是可拆卸或不可拆卸的介质,并且可以包括机器可读介质,诸如闪存驱动、磁盘或者任何其他介质,其可以能够用于存储信息和/或数据(例如用于训练的训练数据)并且可以在电子设备700内被访问。Electronic device 700 typically includes a plurality of computer storage media. Such media can be any available media that is accessible by electronic device 700, including but not limited to, volatile and nonvolatile media, removable and non-removable media. Memory 720 can be volatile memory (eg, registers, cache, random access memory (RAM)), nonvolatile memory (eg, read only memory (ROM), electrically erasable programmable read only memory (EEPROM) , flash memory) or some combination of them. Storage device 730 may be removable or non-removable media, and may include machine-readable media, such as flash drives, magnetic disks, or any other media that may be capable of storing information and/or data (e.g., training data for training ) and can be accessed within the electronic device 700.

电子设备700可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图7中示出,可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中,每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器720可以包括计算机程序产品725,其具有一个或多个程序模块,这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。The electronic device 700 may further include additional detachable/non-detachable, volatile/nonvolatile storage media. Although not shown in FIG. 7, a disk drive for reading from or writing to a removable, nonvolatile disk (such as a "floppy disk") and a disk drive for reading from a removable, nonvolatile disk may be provided. CD-ROM drive for reading or writing. In these cases, each drive may be connected to the bus (not shown) by one or more data media interfaces. Memory 720 may include a computer program product 725 having one or more program modules configured to perform the various methods or actions of the various embodiments of the present disclosure.

通信单元740实现通过通信介质与其他计算设备进行通信。附加地,电子设备700的组件的功能可以以单个计算集群或多个计算机器来实现,这些计算机器能够通过通信连接进行通信。因此,电子设备700可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。The communication unit 740 enables communication with other computing devices through the communication medium. Additionally, the functions of the components of electronic device 700 may be implemented in a single computing cluster or as a plurality of computing machines capable of communicating via communication links. Accordingly, electronic device 700 may operate in a networked environment using logical connections to one or more other servers, a network personal computer (PC), or another network node.

输入设备750可以是一个或多个输入设备,例如鼠标、键盘、追踪球等。输出设备760可以是一个或多个输出设备,例如显示器、扬声器、打印机等。电子设备700还可以根据需要通过通信单元740与一个或多个外部设备(未示出)进行通信,外部设备诸如存储设备、显示设备等,与一个或多个使得用户与电子设备700交互的设备进行通信,或者与使得电子设备700与一个或多个其他计算设备通信的任何设备(例如,网卡、调制解调器等)进行通信。这样的通信可以经由输入/输出(I/O)接口(未示出)来执行。Input device 750 may be one or more input devices, such as a mouse, keyboard, trackball, and the like. Output device 760 may be one or more output devices, such as a display, speakers, printer, or the like. The electronic device 700 can also communicate with one or more external devices (not shown) through the communication unit 740 as required, such as storage devices, display devices, etc., and one or more devices that enable the user to interact with the electronic device 700 communicates with, or communicates with, any device (eg, network card, modem, etc.) that enables electronic device 700 to communicate with one or more other computing devices. Such communication may be performed via an input/output (I/O) interface (not shown).

根据本公开的示例性实现方式,提供了一种计算机可读存储介质,其上存储有计算机可执行指令,其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式,还提供了一种计算机程序产品,计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令,而计算机可执行指令被处理器执行以实现上文描述的方法。According to an exemplary implementation of the present disclosure, there is provided a computer-readable storage medium on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of the present disclosure, there is also provided a computer program product tangibly stored on a non-transitory computer-readable medium and comprising computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the method described above.

这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解,流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程序指令实现。Aspects of the present disclosure are described herein with reference to flowchart illustrations and/or block diagrams of methods, apparatus, apparatus, and computer program products implemented according to the disclosure. It should be understood that each block of the flowcharts and/or block diagrams, and combinations of blocks in the flowcharts and/or block diagrams, can be implemented by computer-readable program instructions.

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元,从而生产出一种机器,使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时,产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。These computer-readable program instructions may be provided to a processing unit of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine such that when executed by the processing unit of the computer or other programmable data processing apparatus , producing an apparatus for realizing the functions/actions specified in one or more blocks in the flowchart and/or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause computers, programmable data processing devices and/or other devices to work in a specific way, so that the computer-readable medium storing instructions includes An article of manufacture comprising instructions for implementing various aspects of the functions/acts specified in one or more blocks in flowcharts and/or block diagrams.

可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上,使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other equipment, so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other equipment to produce a computer-implemented process, Instructions executed on computers, other programmable data processing devices, or other devices can thus implement the functions/actions specified in one or more blocks in the flowcharts and/or block diagrams.

附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various implementations of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, a program segment, or a portion of an instruction that contains one or more executable instruction. In some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented by a dedicated hardware-based system that performs the specified function or action , or may be implemented by a combination of dedicated hardware and computer instructions.

以上已经描述了本公开的各实现,上述说明是示例性的,并非穷尽性的,并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。Having described various implementations of the present disclosure above, the foregoing description is exemplary, not exhaustive, and is not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The choice of terminology used herein aims to best explain the principle of each implementation, practical application or improvement of technology in the market, or to enable other ordinary skilled in the art to understand each implementation disclosed herein.

Claims (20)

1. A method of presenting a multi-floor plan, comprising:
presenting, on a first user interface, at least one of a first image and first user-drawn content associated with a first floor plan;
in response to receiving a first user request to present a multi-floor plan, determining a layout of a plan for each of a plurality of floors, including the first floor, in an overall plan of the plurality of floors; and
presenting the overall plan on a different second user interface in accordance with the determined layout, the overall plan including a respective plurality of plans of the plurality of floors, the plurality of plans including the first plan of the first floor.
2. The method of claim 1, wherein determining the layout comprises:
dividing the overall plan into a plurality of zones based on the number of the plurality of floors, one of the plurality of plans being presented in one of the plurality of zones.
3. The method of claim 2, wherein presenting the overall plan view comprises:
determining a display position of a corresponding plan view of the plurality of plan views in a region of the plurality of regions based on a predetermined reference position of the region; and
presenting the respective plan view at the display position in the area.
4. The method of claim 2, wherein the overall plan view is equally divided into the plurality of regions, and wherein presenting the overall plan view comprises:
determining a reference scaling factor based on the number of the plurality of regions in the predetermined first and second directions, the resolution of the overall plan view, and the resolution of a reference plan view of the plurality of plan views; and
presenting the plurality of floor plans in the plurality of regions based on the reference scale factor.
5. The method of claim 1, further comprising:
a hierarchical plan view of each of the plurality of floors is further presented on the second user interface.
6. The method of claim 1, wherein presenting the at least one of the first image and the first user-drawn content comprises:
in response to receiving a second user request to obtain at least the first image, the first image is presented on the first user interface.
7. The method of claim 6, wherein presenting the first image comprises:
presenting the first user-drawn content on the first user plane; and
in response to receiving the second user request, replacing the first user drawn content with the first image.
8. The method of claim 6, wherein the second user request is used to obtain images associated with the plurality of floor plans for the plurality of floors, and wherein presenting the first image comprises:
in response to receiving the second user request, obtaining a plurality of images associated with the plurality of floor plans for the plurality of floors, the plurality of images including the first image; and
presenting the first image on the first user interface.
9. The method of claim 1, further comprising:
presenting, on the first user interface, a first control for adding a floor; and
in response to a predetermined operation with respect to the first control, an indication of a newly added second floor is presented on the first user interface.
10. The method of claim 1, further comprising:
presenting, on the first user interface, a second control for deleting a second floor of the plurality of floors; and
removing the indication for the second floor from the first user interface in response to a predetermined operation for the second control.
11. An apparatus for presenting a multi-floor plan, comprising:
a first presentation module configured to present at least one of a first image and first user-drawn content associated with a first floor plan on a first user interface;
a layout determination module configured to determine, in response to receiving a first user request to present a multi-floor plan, a layout of a plan for each of a plurality of floors, including the first floor, in an overall plan of the plurality of floors; and
a second presentation module configured to present the overall plan including a respective plurality of plans of the plurality of floors, including the first plan of the first floor, on a different second user interface according to the determined layout.
12. The apparatus of claim 11, wherein the layout determination module is further configured to:
dividing the overall plan into a plurality of zones based on the number of the plurality of floors, one of the plurality of plans being presented in one of the plurality of zones.
13. The apparatus of claim 12, wherein the second rendering module is further configured to:
determining a display position of a corresponding plan view of the plurality of plan views in a region of the plurality of regions based on a predetermined reference position of the region; and
presenting the respective plan view at the display position in the area.
14. The apparatus of claim 12, wherein the overall plan view is equally divided into the plurality of regions, and wherein the second rendering module is further configured to:
determining a reference scaling factor based on the number of the plurality of regions in the predetermined first and second directions, the resolution of the overall plan view, and the resolution of a reference plan view of the plurality of plan views; and
presenting the plurality of floor plans in the plurality of regions based on the reference scale factor.
15. The apparatus of claim 11, further comprising:
a third presentation module configured to further present a hierarchical plan view of each of the plurality of floors on the second user interface.
16. The apparatus of claim 11, wherein the second rendering module is further configured to:
in response to receiving a second user request to obtain at least the first image, presenting the first image on the first user interface.
17. The apparatus of claim 16, wherein the second presentation module is further configured to:
presenting the first user-drawn content on the first user plane; and
in response to receiving the second user request, replacing the first user drawn content with the first image.
18. The apparatus of claim 16, wherein the second user request is used to obtain images associated with the plurality of floor plans for the plurality of floors, and wherein the second rendering module is further configured to:
in response to receiving the second user request, obtaining a plurality of images associated with the plurality of floor plans for the plurality of floors, the plurality of images including the first image; and
presenting the first image on the first user interface.
19. An electronic device, comprising:
at least one processing unit; and
at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions when executed by the at least one processing unit causing the apparatus to perform the method of any of claims 1-10.
20. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1 to 10.
CN202210825080.9A 2022-07-13 2022-07-13 Presentation method, apparatus, device and storage medium Pending CN115270246A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210825080.9A CN115270246A (en) 2022-07-13 2022-07-13 Presentation method, apparatus, device and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210825080.9A CN115270246A (en) 2022-07-13 2022-07-13 Presentation method, apparatus, device and storage medium

Publications (1)

Publication Number Publication Date
CN115270246A true CN115270246A (en) 2022-11-01

Family

ID=83764723

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210825080.9A Pending CN115270246A (en) 2022-07-13 2022-07-13 Presentation method, apparatus, device and storage medium

Country Status (1)

Country Link
CN (1) CN115270246A (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2007089105A1 (en) * 2006-02-01 2007-08-09 Nhn Corporation Method and system for providing estate plane figure service
US20160102983A1 (en) * 2014-10-14 2016-04-14 General Electric Company Map presentation for multi-floor buildings
CN110134307A (en) * 2019-05-13 2019-08-16 重庆八戒传媒有限公司 Realize method, system, medium and the electronic equipment of the locking of indoor navigation floor
CN111754407A (en) * 2020-06-27 2020-10-09 北京百度网讯科技有限公司 Layout method, device, device and storage medium for image presentation
CN112825040A (en) * 2019-11-21 2021-05-21 腾讯科技(深圳)有限公司 User interface display method, device, equipment and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2007089105A1 (en) * 2006-02-01 2007-08-09 Nhn Corporation Method and system for providing estate plane figure service
US20160102983A1 (en) * 2014-10-14 2016-04-14 General Electric Company Map presentation for multi-floor buildings
CN110134307A (en) * 2019-05-13 2019-08-16 重庆八戒传媒有限公司 Realize method, system, medium and the electronic equipment of the locking of indoor navigation floor
CN112825040A (en) * 2019-11-21 2021-05-21 腾讯科技(深圳)有限公司 User interface display method, device, equipment and storage medium
CN111754407A (en) * 2020-06-27 2020-10-09 北京百度网讯科技有限公司 Layout method, device, device and storage medium for image presentation

Similar Documents

Publication Publication Date Title
US9552129B2 (en) Interactive visual representation of points of interest data
JP5965477B2 (en) A map-based method for visualizing relational databases
CA2886429C (en) Method for partitioning, managing and displaying a collaboration space and interactive input system employing same
US11282217B2 (en) Pattern matching tool
US20150378542A1 (en) Management system for computer system
US20140245232A1 (en) Vertical floor expansion on an interactive digital map
KR20060052717A (en) Virtual desktops, how to recall an array of program examples, how to manage application examples, and how to manage applications
CN108984241B (en) Billboard card processing method and device, computer equipment and storage medium
CN108780377A (en) Object Management group using computing device and visualization
CN111744181B (en) Method and device for displaying information in game, game client and medium
CN116595808A (en) Event pyramid model construction and multi-granularity space-time visualization method and device
CN112612989A (en) Data display method and device, computer equipment and storage medium
CN115097975A (en) Method, apparatus, device and storage medium for controlling viewing angle conversion
CN113626032B (en) Configuration method and device of list page and storage medium
CN114385061A (en) Operation method, device, electronic equipment and computer readable storage medium
CN115270246A (en) Presentation method, apparatus, device and storage medium
US20200320108A1 (en) Hexagon clustering of spatial data
CN115131463A (en) Method, apparatus, device and storage medium for drawing primitives
JP2005196298A (en) Information processor, image data display control method, program and recording medium
US9791994B2 (en) User interface for application interface manipulation
CN115100359A (en) Image processing method, device, equipment and storage medium
CN114218638A (en) Panorama generation method and device, storage medium and electronic equipment
CN113487704A (en) Method and device for drawing dovetail arrow head, storage medium and terminal equipment
CN113449373A (en) Overlap detection method and device and electronic equipment
CN114442973A (en) Screen display method, device, computer equipment and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination