CN111259567A

CN111259567A - Layout generating method and device and storage medium

Info

Publication number: CN111259567A
Application number: CN202010108773.7A
Authority: CN
Inventors: 王仕聪; 龙涛
Original assignee: Shenzhen Sundray Technologies Co ltd
Current assignee: Shenzhen Sundray Technologies Co ltd
Priority date: 2020-02-21
Filing date: 2020-02-21
Publication date: 2020-06-09
Anticipated expiration: 2040-02-21
Also published as: CN111259567B

Abstract

The invention discloses a method, a device and a storage medium for generating a layout, wherein the method comprises the following steps: determining at least one target body in the layout area and attribute values of all target bodies in the at least one target body; the target body in the canvas area has a perspective effect; and generating a spatial equipment layout diagram comprising the at least one target body based on the at least one target body and the attribute values of each target body in the at least one target body.

Description

Layout generating method and device and storage medium

Technical Field

The present invention relates to image processing technologies, and in particular, to a method and an apparatus for generating a layout, and a computer-readable storage medium.

Background

Generally, a three-dimensional (3D, 3-dimension) modeling technology is utilized by a design side to convert different spatial layout elements of the Internet of Things into corresponding 3D models, and then the different 3D models are combined into corresponding 3D Internet of Things spaces to simulate real scenes of the Internet of Things, i.e., a corresponding spatial device layout diagram of the Internet of Things is generated. The development side can modify corresponding code logic according to the spatial device layout diagram of the Internet of things so as to meet different types of customer and scene requirements.

In the related scheme, the technical threshold for simulating the real scene of the internet of things by using the 3D model is high, operation and maintenance personnel with corresponding technical reserves need to participate in the landing and the deployment of products, the implementation difficulty is high, the input-output ratio is low, meanwhile, the reduction degree of the scene of the internet of things is possibly low due to the compatibility problem of a browser and the performance bottleneck of equipment, and the actual effect and the predicted effect have a difference.

Disclosure of Invention

In view of the above, the present invention provides a method, an apparatus and a computer-readable storage medium for generating a layout.

In order to achieve the purpose, the technical scheme of the invention is realized as follows:

the embodiment of the invention provides a method for generating a layout, which comprises the following steps:

determining at least one target body in the layout area and attribute values of all target bodies in the at least one target body; the target body in the canvas area has a perspective effect;

and generating a spatial equipment layout diagram comprising the at least one target body based on the at least one target body and the attribute values of each target body in the at least one target body.

In the foregoing solution, the determining at least one target in the layout area includes:

receiving an operation instruction; the operation instruction is used for adding a target body, moving the target body or deleting the target body into the canvas area;

and according to the operation instruction, determining an object added to the canvas area, an object moving in the canvas area or an object deleted from the canvas area.

In the above solution, the target body includes: equipment;

corresponding to the condition that the target body is the equipment, determining the attribute value of each target body in the at least one target body, wherein the attribute value comprises at least one of the following:

determining coordinates of each device in a coordinate system corresponding to the canvas area according to the position of each device in the canvas area, wherein the coordinates are used as coordinate attribute values;

and determining the position relation of each device relative to other devices except the device in the layout area as a hierarchy attribute value.

In the above solution, the target body includes: a wall body;

determining the attribute value of each object in the at least one object corresponding to the object being a wall, including:

and determining the coordinates of two adjacent anchor points as the coordinate attribute values of the wall bodies corresponding to the two adjacent anchor points.

In the foregoing solution, when the target is a device, the generating a spatial device layout diagram including the at least one target based on the at least one target and the attribute value of each of the at least one target includes at least one of:

determining a target alignment point based on the coordinate value of the alignment reference point of the first device, a preset first reference line and a preset second reference line; moving the first device to the target alignment point; the first equipment is equipment operated within preset time;

returning a first device to an initial position upon determining that a visual overlap exists between the first device and a second device; the second device is any one of the at least one device except the first device; the presence of a visual overlap between the first device and the second device characterizes a presence of coincidence of a bottom footprint of the first device with a bottom footprint of the second device; the bottom occupied region is determined based on a property value of the device;

when the number of the devices in the layout area is at least two, determining a hierarchical attribute value between each device in the at least two devices, and displaying the at least two devices in a hierarchical relationship based on the hierarchical attribute value; the hierarchical attribute value characterizes a visual relationship between two devices; the hierarchy attribute value is determined according to a relative positional relationship between an alignment reference point of each of the at least two devices and a bottom occupied area of each device.

In the foregoing solution, in a case that the target is a wall, the generating a spatial device layout diagram including the at least one target based on the at least one target and the attribute value of each of the at least one target includes:

the method comprises the steps of determining a first anchor point and an anchor point group capable of drawing a simulation wall based on the first anchor point, generating Scalable Vector Graphics (SVG) elements based on the first anchor point, the anchor point group and selected preset simulation wall pictures, and inserting the generated SVG elements into corresponding canvas areas.

In the above scheme, the method further comprises:

sending the spatial device layout diagram to a server; the space equipment layout diagram is received by the server, converted into data in a target format and stored; and the data in the target format is used for being acquired by the terminal and converted into a corresponding space equipment layout diagram.

The embodiment of the invention provides a layout generating device, which comprises: the device comprises a first processing module and a second processing module; wherein,

the first processing module is used for determining at least one target body in the layout area and attribute values of all target bodies in the at least one target body; the target body in the canvas area has a perspective effect;

the second processing module is configured to generate a spatial device layout diagram including the at least one target volume based on the at least one target volume and the attribute values of each of the at least one target volume.

The embodiment of the invention provides a layout generating device, which comprises: a processor and a memory for storing a computer program capable of running on the processor; wherein,

the processor is configured to execute the steps of any one of the above-mentioned map generation methods when the computer program is executed.

An embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the steps of any one of the above-described layout generating methods.

The method, the device and the computer-readable storage medium for generating the layout diagram provided by the embodiment of the invention are used for determining at least one target body in a layout area and attribute values of each target body in the at least one target body; the target body in the canvas area has a perspective effect; and generating a spatial equipment layout diagram comprising the at least one target body based on the at least one target body and the attribute values of each target body in the at least one target body. In the embodiment of the invention, the picture with perspective effect is used for presenting the corresponding target body, the visual effect similar to the 3D model scheme is achieved, and the picture with perspective effect can be applied to various small and medium-sized Internet of things spatial layout scenes only by pre-developing, so that the development and maintenance cost of the product is greatly reduced, and the research and development period is shortened.

Drawings

Fig. 1 is a schematic flowchart of a method for generating a layout diagram according to an embodiment of the present invention;

fig. 2 is a schematic diagram of a simulation device picture according to an embodiment of the present invention;

FIG. 3 is a diagram illustrating a stacking sequence according to an embodiment of the present invention;

fig. 4 is a schematic diagram of a human-computer interaction interface of a layout generating apparatus according to an embodiment of the present invention;

fig. 5 is a schematic flowchart of another layout generating method according to an embodiment of the present invention;

fig. 6 is a schematic structural diagram of a layout diagram generating apparatus according to an embodiment of the present invention;

fig. 7 is a schematic structural diagram of another layout diagram generation apparatus according to an embodiment of the present invention.

Detailed Description

In various embodiments of the present invention, attribute values of at least one target volume within a rendered area and each of the at least one target volume are determined; the target body in the canvas area has a perspective effect; and generating a spatial equipment layout diagram comprising the at least one target body based on the at least one target body and the attribute values of each target body in the at least one target body.

The present invention will be described in further detail with reference to examples.

Fig. 1 is a schematic flowchart of a method for generating a layout diagram according to an embodiment of the present invention; as shown in fig. 1, the method for generating a layout includes:

step 101, determining at least one target body in a layout area and attribute values of all target bodies in the at least one target body; the target body in the canvas area has a perspective effect;

step 102, generating a spatial equipment layout diagram comprising the at least one target body based on the at least one target body and the attribute values of each target body in the at least one target body.

In an embodiment of the present invention, the determining at least one target in the layout area includes:

receiving an operation instruction; the operation instruction is an instruction for performing various operations on the canvas area, and is used for adding, moving or deleting a target body into the canvas area;

Specifically, the method for generating a layout diagram in the embodiment of the present invention may be applied to a layout diagram generating apparatus, where the layout diagram generating apparatus may be implemented on a terminal, and the terminal may be a computer, a tablet computer, a mobile phone, a server, and the like.

A user adds, deletes or moves any one target body through a human-computer interaction interface of the layout generating device, and the layout generating device can store corresponding records, namely corresponding data; the determining at least one target within the canvas area comprises: the layout generating device determines at least one target body according to the data; alternatively, the canvas area may be detected to determine at least one object included in the canvas area.

The receiving of the operation instruction may be receiving a plurality of operation instructions, each operation instruction corresponding to a target; a plurality of targets may be determined based on the received plurality of operating instructions.

In practical applications, the target body may include: equipment and a wall body.

For the devices, after each device is added to the canvas area, the attribute values corresponding to the canvas area are correspondingly generated, for example: coordinates of each device in a coordinate system of the canvas area (namely, a cartesian coordinate system corresponding to the canvas area), a position relationship of each device relative to other devices except the device in the canvas area, and the like; if the device moves, the corresponding attribute value changes correspondingly.

For the wall, the wall is generated based on two adjacent anchor points, and if the anchor points move, that is, the coordinates of the anchor points change, the position of the wall also changes.

Specifically, in a case where the target is a device, determining an attribute value of each target in the at least one target includes at least one of:

I.e. the property values of the device comprise at least: coordinates of equipment in a coordinate system corresponding to the canvas area and position relations between the equipment and other equipment except the equipment in the canvas area.

Here, the coordinates include at least: the bottom of each device occupies the coordinates of the four corners of the area, the coordinates of the alignment reference points.

Specifically, in a case where the target is a device, the generating a spatial device layout diagram including the at least one device based on the at least one device and attribute values of each device of the at least one device includes at least one of:

Aiming at the coordinate values of the alignment reference points based on the first equipment, a preset first reference line and a preset second reference line, determining a target alignment point; moving the first device to the target alignment point; the specific description is as follows:

the layout diagram generation method of the embodiment of the invention can provide the function of automatic alignment of the equipment in the layout area. The device automatic alignment function refers to that when any device is subjected to corresponding operation by a user, for example, the device is dragged to a certain position in the canvas area and the mouse is released to finish dragging (namely, the device is added to the canvas area), the added device can be moved to the nearest target alignment point by using the device automatic alignment function according to the end position of the added device.

Specifically, devices (specifically, physical devices such as cabinets, boxes, and the like) added to the canvas area are presented with preset simulated device pictures; each device corresponds to a different simulated device picture, and is drawn at the same perspective angle, that is, each device has a predefined dimension constant for describing a corresponding two-dimensional (2D) picture. The 2D picture has a perspective effect, namely a 2.5D visual effect, namely a pseudo-3D visual effect, can be realized.

The dimension constant of the simulated equipment picture corresponding to the equipment comprises at least one of the following:

offset ratio parameters of an alignment reference point of the analog device picture corresponding to the device with respect to a target point (which may be set as the upper left corner and shown in fig. 2) of the analog device picture corresponding to the device are denoted as offset x and offset y; each device is preset with an alignment reference point, and the alignment reference point can be set by a developer when a simulation device picture corresponding to the device is preset;

the standard size width and height of the simulated equipment picture corresponding to the equipment are wide and high;

the corresponding size parameters of the simulated device picture corresponding to the device on the reference line of the direction of the canvas area are denoted as a and b, where a and b are used to describe the occupied area of the bottom under the pseudo-3D visual effect (specifically, refer to fig. 2).

The first device is a device operated within a preset time, and the preset time may be within 1 second, that is, the first device refers to a newly added or moved device.

The determining a target alignment point based on the coordinate values of the alignment reference point of the first device, the preset first reference line and the preset second reference line includes:

determining coordinate values (denoted as first coordinate values) of an alignment reference point of the first device; the first coordinate value refers to a coordinate value of an alignment reference point of the first device when the operation on the first device is finished;

determining a first result of a first reference line of the first coordinate value on a coordinate system of the canvas area and a second result of a second reference line on the coordinate system;

determining a first translation distance value for performing position movement according to the first result, and determining a second translation distance value for performing position movement according to the second result;

determining a second coordinate value of the alignment reference point of the first device according to the first translation distance value and the second translation distance value; the second coordinate value is used as the coordinate value of the target alignment point.

Here, the first reference line is: (vi) 3/3 x-y is 0;

the second reference line is: - √ 3/3 x-y +40 ═ 0;

the X and Y respectively represent the values of the first coordinate value on the X axis and the Y axis of the coordinate system of the canvas area;

the first result represents a result of bringing values of the first coordinate value in X and Y axes of a coordinate system of the canvas area into √ 3/3X-Y;

the second result represents a result of bringing the values of the first coordinate values in the X-axis and the Y-axis of the coordinate system of the canvas area into √ 3/3X-Y + 40.

Here, determining a first translation distance value for position shifting according to the first result includes:

the closest distance that the first reference line is translated to reach the alignment reference point (i.e., the straight-line distance between the alignment reference point and the first reference line) is determined as the first translation distance.

Said first translation distance is in particular N × a unit distance (said unit distance may be 2 × v 3/3); the N refers to how many unit distances to move; the N is an absolute value of an integer value obtained by dividing the first translation distance by 2 × v 3/3 and rounding.

When the first result is determined to be less than 0, the alignment reference point is characterized to be below the first reference line, and the result of translating the first reference line is that √ 3/3 x-y + the first translation distance value is 0;

when the first result is determined to be larger than 0, the alignment reference point is characterized to be above the first reference line, and the result of translating the first reference line is that the first translation distance is 0, and the x-y is 3/3;

here, determining a second translation distance value for performing position movement according to the second result includes:

the closest distance that the second reference line is translated to reach the alignment reference point (i.e., the straight-line distance between the alignment reference point and the second reference line) is determined as the second translation distance.

Said second translation distance is in particular M unit distance (said unit distance may be 2 v 3/3); the M refers to how many unit distances to move; the second shift distance is divided by 2 √ 3/3, and then rounded to obtain the absolute value of the integer value.

When it is determined that the second result is less than 0, the alignment reference point is characterized to be below the second reference line, and the result of translating the second reference line is √ 3/3 x-y +40+ the second translation distance value is 0;

when it is determined that the second result is greater than 0, the alignment reference point is characterized as being above the second function, and the result of translating the second reference line is √ 3/3 x-y +40, which is a second translation distance value of 0.

Through the method, the first translation distance value and the second translation distance value can be determined, and then the second coordinate value of the alignment reference point of the first equipment is determined according to the first translation distance value and the second translation distance value. Here, the determining the second coordinate value of the alignment reference point of the first device according to the first translation distance value and the second translation distance value includes:

newX ═ first to second translation distance values +20 √ 3;

newY ═ (newX +2 × second shift distance value)/√ 3.

The determining of the target alignment point based on the alignment reference point of the first device may be implemented by the following code.

By the method, the first coordinate value is transmitted into a feature function (newX ═ first translation distance value-second translation distance value +20 × v/3; newY ═ (newX +2 × second translation distance value)/v 3), so that a final coordinate point of the alignment reference point can be calculated, that is, the second coordinate value is obtained, and the analog device picture (specifically, the alignment reference point of the analog device picture) corresponding to the device is moved to a position corresponding to the second coordinate value.

It should be noted that the automatic alignment function of the device in the canvas area may be selectively turned on or off, and a first function key may be provided for the specific implementation, and a user controls to turn on or turn off the automatic alignment function of the device in the canvas area by operating the first function key.

For the above-mentioned determination that there is a visual overlap between the first device and the second device, returning the first device to the initial position is specifically described as follows:

considering that in practical applications it is not possible for a device to occupy the same position in physical space, the layout also needs to be visually de-overlapped, mainly in a pseudo-3D (i.e. 2.5D) visual style, where there is no overlap in the bottom occupied area; thus, providing the above-described visual overlap between the first device and the second device, returns the first device to the initial position.

In order to eliminate visual overlap, after equipment finishes dragging, adding a front judgment, and specifically judging whether visual overlap with the existing equipment is caused when a certain equipment moves to a current dragging position; if it is determined that the device moved or added to the current drag location would cause a visual overlap with the existing device, the device is returned to the initial location.

The moved or added device corresponds to the first device, and the existing device causing the visual overlap corresponds to the second device.

The determining that there is a visual overlap between the first device and the second device comprises:

determining a bottom footprint (in two dimensions, a parallelogram of known size and position) of the first device based on a dimension constant parameter of the first device;

traversing the equipment contained in the current canvas area, and determining the bottom occupied area of each equipment contained in the current canvas area;

respectively comparing the first equipment with each equipment contained in the current canvas area to determine whether equipment overlapped with the bottom occupied area of the first equipment exists, and if so, determining that visual overlap exists; the device that overlaps the bottom footprint of the first device is the second device.

Here, the occupied area at the bottom of the corresponding device in the canvas area may be obtained according to the coordinate value of the alignment reference point and the dimension constant parameter, specifically, the coordinate value of the four corners of the occupied area at the bottom may be specifically determined according to the coordinate value of the alignment reference point, the offset ratio parameter of the alignment reference point of the analog device picture corresponding to the device with respect to the target point (here, the upper left corner may be set, as shown in fig. 2) of the analog device picture corresponding to the device, and the standard size width and height of the analog device picture corresponding to the device.

For a relative positional relationship between an alignment reference point of each of the at least two devices and a bottom occupied area of each device, determining a hierarchical attribute value (which may be referred to as a z-index) between the at least two devices, and displaying the at least two devices in a hierarchical relationship based on the hierarchical attribute value, the following is specifically described:

according to the perspective principle, the equipment which is farther away from the current visual angle needs to be covered by the equipment which is closer, namely the corresponding z-index attribute is smaller; that is, the larger the z-index is, the closer the z-index is to the current view angle of the user, whereas the smaller the z-index is, the farther the z-index is from the current view angle of the user; therefore, all devices need only be sorted and attributes updated according to the rule.

Here, the determining the hierarchical attribute value based on a relative positional relationship between the alignment reference point of each of the at least two devices and the bottom occupied area of each device includes:

determining coordinate values of an alignment reference point of each of the at least two devices and a bottom occupied area of each device;

determining the relative position relationship between the alignment reference point of each device (specifically, each analog device picture) and the bottom occupied area (generally, a quadrilateral area) of the related device based on the coordinate value and the bottom occupied area of the alignment reference point of each device;

and determining the hierarchical display sequence of each device and the related devices based on the determined relative position relationship.

Specifically, a hierarchical display sequence exists between any two devices, and the hierarchical relationship between the two devices needs to be determined respectively; taking the first device and the third device as an example, determining a hierarchical display order includes:

determining that the alignment reference point of the first device is in a first area (specifically comprising an upper left area and an upper right area) corresponding to the bottom occupied area of the third device, and determining that the hierarchy attribute value of the first device is smaller than that of the third device;

determining that the alignment reference point of the first device is in a second area (specifically comprising a left lower area and a right lower area) corresponding to the bottom occupied area of the third device, and determining that the hierarchy attribute value of the first device is greater than that of the third device;

when the alignment reference point of the first device is in the critical area of the intersection line of the third device (i.e. the area formed by the left and right intersection lines corresponding to the bottom occupied area of the third device, the intersection lines being determined according to the direction reference lines of the corners of the bottom occupied area), a reverse judgment is made, that is: determining that the level attribute value of the first device is larger than that of the third device when the alignment reference point of the first device is in an intersection critical area formed by left-side intersections corresponding to the bottom occupied area of the third device; determining that the level attribute value of the first device is smaller than that of the third device when the alignment reference point of the first device is in an intersection critical area formed by right-side intersections corresponding to the bottom occupied area of the third device;

when the alignment reference point of the first device is in the middle area of the third device (namely, the middle area of the simulated device picture corresponding to the third device), the positions of the alignment reference point of the first device and the alignment reference point of the third device are subjected to coordinate comparison, and the hierarchical relationship is determined based on the comparison result.

The above-mentioned up, down, left and right are set by the developer, and the purpose is to realize the determination of the relative position, and the up, down, left and right are as shown in fig. 2 relative to the viewing angle viewed by the user through the man-machine interface. The setting may be performed in other ways in practical application, and is not limited herein.

Here, the coordinate comparison of the positions of the alignment reference point of the first device and the alignment reference point of the third device when the alignment reference point of the first device is in the middle area of the third device, and determining the hierarchical relationship based on the comparison result, includes:

when the coordinate value of the alignment reference point of the first device on the Y axis is larger than the coordinate value of the alignment reference point of the third device on the Y axis, determining that the hierarchy attribute value of the first device is smaller than the hierarchy attribute value of the third device;

when the coordinate value of the alignment reference point of the first device on the Y axis is smaller than the coordinate value of the alignment reference point of the third device on the Y axis, determining that the hierarchy attribute value of the first device is larger than the hierarchy attribute value of the third device;

when the coordinate value of the alignment reference point of the first device on the Y axis is determined to be equal to the coordinate value of the alignment reference point of the third device on the Y axis, comparing the coordinate value of the alignment reference point of the first device on the X axis with the coordinate value of the alignment reference point of the third device on the X axis;

when the coordinate value of the alignment reference point of the first device on the X axis is determined to be larger than the coordinate value of the alignment reference point of the third device on the X axis, determining that the hierarchy attribute value of the first device is smaller than the hierarchy attribute value of the third device;

and when the coordinate value of the alignment reference point of the first device on the X axis is determined to be smaller than the coordinate value of the alignment reference point of the third device on the X axis, determining that the hierarchy attribute value of the first device is larger than the hierarchy attribute value of the third device.

Here, the Y-axis is a bottom-to-top direction of the human-computer interface display, and the X-axis is a left-to-right direction of the human-computer interface display.

Based on the above principle, determining the hierarchical attribute values in fig. 3, as shown in fig. 3, the hierarchical attribute values (i.e. z-index) of the device one, the device two, the device three, the device four, and the device five are, in order from large to small: equipment four, equipment two, equipment one, equipment three, equipment five.

Specifically, determining the attribute value of each object in the at least one object when the object is a wall includes:

Specifically, in a case that the target body is a wall, the generating a spatial device layout diagram including the at least one device based on the at least one device and attribute values of each device of the at least one device includes:

determining a first anchor point and an anchor point group which can draw a simulation wall based on the first anchor point, generating SVG elements based on the first anchor point, the anchor point group and the selected preset simulation wall picture, and inserting the generated SVG elements into the corresponding canvas area.

Aiming at determining a first anchor point and an anchor point group which can draw a simulation wall body based on the first anchor point, generating SVG elements based on the first anchor point, the anchor point group and a selected preset simulation wall body picture, and inserting the generated SVG elements into corresponding canvas areas, which is specifically explained as follows:

the simulation wall body is determined by a starting anchor point or an ending anchor point on the direction reference line, and when the anchor point is added, the corresponding coordinate of the anchor point is recorded.

When an anchor point is newly added, calculating an anchor point group capable of drawing a simulation wall body at present, thereby calculating a path parameter of a polygon (polygon) element, and generating a corresponding image file format (SVG) element according to a simulation wall body picture standardized in advance to insert the element into a corresponding canvas area; and finally, deleting redundant overlapped wall elements according to the generation principle of the nearest anchor points.

Here, the user may delete or add the anchor points in the anchor point group, that is, may draw or delete the wall.

It should be noted that the wall body has a perspective effect, but is different from other entity devices corresponding to simulation device pictures, and here, a developer can set up SVG elements simulating wall body pictures according to a perspective principle in advance, and in actual application, the wall body with the perspective effect can be obtained between adjacent anchor points according to the preset SVG elements simulating wall body pictures. The attribute values corresponding to the wall body comprise: two adjacent anchor points corresponding to the wall.

The wall thickness can be set by developers in advance, and based on the two anchor points corresponding to the wall and the preset wall thickness, the coordinates of the four corners of the wall can be calculated.

Specifically, the method further comprises:

determining the coordinates of four corners of any equipment, and determining the bottom occupied area of the equipment in the canvas area according to the coordinates of the four corners of the equipment;

determining the coordinates of four corners of any wall body, and determining the bottom occupied area of the wall body in the canvas area according to the coordinates of the four corners of the wall body;

and when the bottom occupied area of any equipment in the canvas area is determined to be overlapped with the bottom occupied area of any wall in the canvas area, displaying prompt information to prompt a user that the bottom areas are overlapped and adjusting the corresponding position.

Specifically, the method further comprises:

Here, the data related to the space equipment layout diagram may be converted into data that can be stored in the server, and at the same time, the stored data may be reversely parsed into a visual space equipment layout diagram as needed. Here, the data related to the layout diagram of the spatial device may be converted into JSON object notation (Javascript object notation) type data (i.e., data in the target format) that can be transmitted by an AJAX (Asynchronous Javascript And XML And HTML, a web page development technology for creating interactive web applications) protocol, And when the data related to the layout diagram of the spatial device is converted into JSON data (encode) And the JSON data is converted into the data related to the layout diagram of the spatial device (decode), a degree of reduction of 100% may be ensured.

The generated scene can be effectively and safely stored through the method, and the scene can be acquired from the server and displayed when the scene needs to be called.

The layout diagram generation method provided by the embodiment of the invention solves the problems that the direction of the large-screen visible product of the Internet of things is difficult to develop and maintain the spatial equipment layout diagram of the Internet of things in different actual user scenes, eliminates the customization requirements for different types of users, simplifies the implementation difficulty of the scene solution of the Internet of things, simultaneously improves the value of the product and improves the professional degree of the product. According to the scheme, the user can simply and conveniently obtain the spatial equipment layout diagram of the Internet of things meeting the personalized requirements based on the functions of automatic alignment, overlapping detection, automatic wall generation and the like; in addition, the scheme solves the problem that the requirement scenes of different clients are customized more in the existing scheme, is beneficial to saving the product research and development maintenance cost, and meanwhile, compared with a 3D modeling scheme, operation and maintenance personnel can obtain a space equipment layout diagram with similar visual perception with a three-dimensional space without 3D related technical reserves, equipment performance bottleneck caused by introduction of a 3D rendering technology does not exist, and the input-output ratio of the small and medium-sized Internet of things scenes can be improved.

Fig. 4 is a schematic diagram of a human-computer interaction interface of a layout diagram generation apparatus according to an embodiment of the present invention, and as shown in fig. 4, the layout diagram generation apparatus may be provided with the following functional modules: toolbar area, device list, canvas area, simulation device, anchor point, simulation wall, real-time information area, preview device area.

The toolbar area is mainly used for providing entries with functions of switching, operating, mode switching and the like for users. For example, it may include: automatic alignment switch, element deletion, saving, preview/edit mode switching, and device/wall edit mode switching.

The device list is used for showing the general information of all elements (the devices and the walls) in the painting area to the user.

The canvas area is a draggable area of an element, the width and the height of the canvas area are variable, and a canvas background can be drawn with a direction reference line (for example, edges at the bottoms of simulation equipment and a simulation wall body are drawn on the direction reference line, namely, on a coordinate system formed by an X axis and a Y axis) so as to help a user to better adjust equipment layout.

The simulation equipment is a simulation equipment picture which can be dragged in a canvas area and is used for simulating different types of equipment in the actual space of the Internet of things, and certain level and coverage relation are visually provided according to the distance from an observation visual angle.

The anchor points are parts simulating wall corners in the actual Internet of things space in the canvas area, and two anchor points on the same direction reference line can be connected to automatically generate the wall body.

The simulation wall body is a part for simulating the wall body in the actual Internet of things space in the canvas area, the simulation wall body can only be drawn on a direction reference line, and the starting point is determined by two anchor points; if a plurality of anchor points exist on the same direction reference line, the simulation wall body can be drawn only between the two nearest anchor points, and the condition of overlapping the wall body can not occur.

And the real-time information area is used for displaying information such as the position and the size of the currently dragged simulation equipment.

The preview device area is used for displaying thumbnails of various types of currently supported simulation devices (such as the preset simulation device pictures) for a user, and meanwhile, devices in the area support direct selection and dragging to enter the canvas area to directly generate corresponding simulation pictures in the canvas, so that the device is convenient for the user side to rapidly increase devices.

Fig. 5 is a schematic flowchart of another layout generating method according to an embodiment of the present invention; as shown in fig. 5, the IOT platform is provided by the layout generating apparatus, and is used for presenting and providing the layout to the user through the human-computer interface to perform corresponding operations;

the IOT platform is provided with a layout page for a user to operate; a user can call the layout page by clicking a corresponding function key of the IOT platform, and layout drawing is carried out in a canvas area of the layout page;

the method for generating the layout diagram based on the operation of the user by the IOT platform may specifically refer to the steps of the method shown in fig. 1, which are not described herein again.

The IOT platform is provided with an IOT space large screen, a user can call the IOT space large screen by clicking a corresponding function key of the IOT platform, and the IOT space large screen can be used for displaying a space equipment layout drawing which is drawn.

The embodiment of the invention also provides an IOT background service, which is realized by a background server; after a user logs in the server of the background through the IOT platform, the user can use a layout chart generation scheme provided by the IOT platform;

after the spatial device layout diagram is generated, the spatial device layout diagram can be sent to the background server for storage, and when the spatial device layout diagram needs to be acquired at a later stage, an acquisition request can be sent to the background server to receive configuration data of the spatial device layout diagram sent by the background server.

As can be seen from fig. 5, the overall data flow of the scheme provided by the embodiment of the invention is simple and clear, after the user can draw the spatial device layout diagram of the internet of things according to different actual scene requirements on the platform layout page and confirm and store the spatial device layout diagram, the IOT platform converts the spatial device layout diagram into storable and resolvable configuration data, and the configuration data is stored in the background server through an AJAX request. When a user accesses the space visualization large screen page of the internet of things or needs to edit the layout diagram configuration data again, the stored data is requested from the platform server again, and the front end analyzes the data into the corresponding visual space equipment layout diagram of the internet of things.

Fig. 6 is a schematic structural diagram of a layout diagram generating apparatus according to an embodiment of the present invention; as shown in fig. 6, the apparatus includes: the device comprises a first processing module and a second processing module; wherein,

Specifically, the first processing module is configured to receive an operation instruction; the operation instruction is used for adding a target body, moving the target body or deleting the target body into the canvas area;

Specifically, the target body includes: equipment;

in response to the target being a device, the first processing module is configured to perform at least one of:

Specifically, the target body includes: a wall body;

and in response to the target body being a wall, the first processing module is configured to determine coordinates of two adjacent anchor points as coordinate attribute values of the wall corresponding to the two adjacent anchor points.

Specifically, in response to the target being the device, the second processing module is configured to execute at least one of:

Specifically, corresponding to the situation that the target body is a wall body, the second processing module is used for determining a first anchor point and an anchor point group which can draw a simulation wall body based on the first anchor point, generating SVG elements based on the first anchor point, the anchor point group and the selected preset simulation wall body picture, and inserting the generated SVG elements into the corresponding canvas area.

Specifically, the apparatus further comprises: the third processing module is used for sending the spatial equipment layout diagram to a server; the space equipment layout diagram is received by the server, converted into data in a target format and stored; and the data in the target format is used for being acquired by the terminal and converted into a corresponding space equipment layout diagram.

It should be noted that: in the layout generation apparatus provided in the above embodiment, when generating the layout, only the division of each program module is illustrated, and in practical applications, the above processing may be distributed to different program modules according to needs, that is, the internal structure of the apparatus may be divided into different program modules to complete all or part of the above-described processing. In addition, the layout generating apparatus and the layout generating method provided in the above embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiments and are not described herein again.

Fig. 7 is a schematic structural diagram of another layout diagram generation apparatus according to an embodiment of the present invention. The device 70 comprises: a processor 701 and a memory 702 for storing a computer program operable on the processor; wherein, when the processor 701 is configured to run the computer program, it executes: determining at least one target body in the layout area and attribute values of all target bodies in the at least one target body; the target body in the canvas area has a perspective effect; and generating a spatial equipment layout diagram comprising the at least one target body based on the at least one target body and the attribute values of each target body in the at least one target body.

In an embodiment, the processor 701 is further configured to, when running the computer program, perform: receiving an operation instruction; the operation instruction is used for adding a target body, moving the target body or deleting the target body into the canvas area; and according to the operation instruction, determining an object added to the canvas area, an object moving in the canvas area or an object deleted from the canvas area.

In an embodiment, the processor 701 is further configured to, when running the computer program, perform: determining coordinates of each device in a coordinate system corresponding to the canvas area according to the position of each device in the canvas area, wherein the coordinates are used as coordinate attribute values;

In an embodiment, the processor 701 is further configured to, when running the computer program, perform: and determining the coordinates of two adjacent anchor points as the coordinate attribute values of the wall bodies corresponding to the two adjacent anchor points.

In an embodiment, the processor 701 is further configured to, when running the computer program, perform at least one of:

In an embodiment, the processor 701 is further configured to, when running the computer program, perform: determining a first anchor point and an anchor point group which can draw a simulation wall based on the first anchor point, generating SVG elements based on the first anchor point, the anchor point group and the selected preset simulation wall picture, and inserting the generated SVG elements into corresponding canvas areas.

In an embodiment, the processor 701 is further configured to, when running the computer program, perform: sending the spatial device layout diagram to a server; the space equipment layout diagram is received by the server, converted into data in a target format and stored; and the data in the target format is used for being acquired by the terminal and converted into a corresponding space equipment layout diagram.

It should be noted that: the layout diagram generation apparatus and the layout diagram generation method provided in the above embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiments and are not described herein again.

In practical applications, the apparatus 70 may further include: at least one network interface 703. The various components in the map generation apparatus 70 are coupled together by a bus system 704. It is understood that the bus system 704 is used to enable communications among the components. The bus system 704 includes a power bus, a control bus, and a status signal bus in addition to a data bus. For clarity of illustration, however, the various buses are labeled in fig. 7 as the bus system 704. The number of the processors 704 may be at least one. The network interface 703 is used for communication between the map generating apparatus 70 and other devices in a wired or wireless manner.

The memory 702 in the embodiment of the present invention is used to store various types of data to support the operation of the map generating apparatus 70.

The method disclosed in the above embodiments of the present invention may be applied to the processor 701, or implemented by the processor 701. The processor 701 may be an integrated circuit chip having signal processing capabilities. In implementation, the steps of the above method may be implemented by integrated logic circuits of hardware or instructions in the form of software in the processor 701. The Processor 701 may be a general purpose Processor, a DiGital Signal Processor (DSP), or other programmable logic device, discrete gate or transistor logic device, discrete hardware components, or the like. The processor 701 may implement or perform the methods, steps, and logic blocks disclosed in embodiments of the present invention. A general purpose processor may be a microprocessor or any conventional processor or the like. The steps of the method disclosed by the embodiment of the invention can be directly implemented by a hardware decoding processor, or can be implemented by combining hardware and software modules in the decoding processor. The software modules may be located in a storage medium located in the memory 702, and the processor 701 may read the information in the memory 702 and perform the steps of the aforementioned methods in conjunction with its hardware.

In an exemplary embodiment, the map generating Device 70 may be implemented by one or more Application Specific Integrated Circuits (ASICs), DSPs, Programmable Logic Devices (PLDs), Complex Programmable Logic Devices (CPLDs), Field Programmable Gate Arrays (FPGAs), general purpose processors, controllers, Micro Controllers (MCUs), microprocessors (microprocessors), or other electronic components, for performing the foregoing methods.

An embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, performs: determining at least one target body in the layout area and attribute values of all target bodies in the at least one target body; the target body in the canvas area has a perspective effect; and generating a spatial equipment layout diagram comprising the at least one target body based on the at least one target body and the attribute values of each target body in the at least one target body.

In one embodiment, the computer program, when executed by the processor, performs: receiving an operation instruction; the operation instruction is used for adding a target body, moving the target body or deleting the target body into the canvas area; and according to the operation instruction, determining an object added to the canvas area, an object moving in the canvas area or an object deleted from the canvas area.

In one embodiment, the computer program, when executed by the processor, performs: determining coordinates of each device in a coordinate system corresponding to the canvas area according to the position of each device in the canvas area, wherein the coordinates are used as coordinate attribute values;

In one embodiment, the computer program, when executed by the processor, performs: and determining the coordinates of two adjacent anchor points as the coordinate attribute values of the wall bodies corresponding to the two adjacent anchor points.

In an embodiment, the computer program, when executed by the processor, performs at least one of:

In one embodiment, the computer program, when executed by the processor, performs: determining a first anchor point and an anchor point group which can draw a simulation wall based on the first anchor point, generating SVG elements based on the first anchor point, the anchor point group and the selected preset simulation wall picture, and inserting the generated SVG elements into corresponding canvas areas.

In one embodiment, the computer program, when executed by the processor, performs: sending the spatial device layout diagram to a server; the space equipment layout diagram is received by the server, converted into data in a target format and stored; and the data in the target format is used for being acquired by the terminal and converted into a corresponding space equipment layout diagram.

In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. The above-described device embodiments are merely illustrative, for example, the division of the unit is only a logical functional division, and there may be other division ways in actual implementation, such as: multiple units or components may be combined, or may be integrated into another system, or some features may be omitted, or not implemented. In addition, the coupling, direct coupling or communication connection between the components shown or discussed may be through some interfaces, and the indirect coupling or communication connection between the devices or units may be electrical, mechanical or other forms.

The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed on a plurality of network units; some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.

In addition, all the functional units in the embodiments of the present invention may be integrated into one processing unit, or each unit may be separately regarded as one unit, or two or more units may be integrated into one unit; the integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.

Those of ordinary skill in the art will understand that: all or part of the steps for implementing the method embodiments may be implemented by hardware related to program instructions, and the program may be stored in a computer readable storage medium, and when executed, the program performs the steps including the method embodiments; and the aforementioned storage medium includes: a mobile storage device, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.

Alternatively, the integrated unit of the present invention may be stored in a computer-readable storage medium if it is implemented in the form of a software functional module and sold or used as a separate product. Based on such understanding, the technical solutions of the embodiments of the present invention may be essentially implemented or a part contributing to the prior art may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the methods described in the embodiments of the present invention. And the aforementioned storage medium includes: a removable storage device, a ROM, a RAM, a magnetic or optical disk, or various other media that can store program code.

The above description is only exemplary of the present invention and should not be taken as limiting the scope of the present invention, and any modifications, equivalents, improvements, etc. that are within the spirit and principle of the present invention should be included in the present invention.

Claims

1. A method for generating a map, the method comprising:

2. The method of claim 1, wherein the determining at least one object within the canvas area comprises:

3. The method of claim 1, wherein the target volume comprises: equipment;

4. The method of claim 1 or 3, wherein the target comprises: a wall body;

5. The method of claim 1, wherein the generating a spatial device layout map including the at least one object based on the at least one object and the attribute values of each of the at least one object, corresponding to the object being a device, comprises at least one of:

6. The method according to claim 1 or 5, wherein the generating a spatial device layout diagram including the at least one object based on the at least one object and the attribute values of each of the at least one object corresponding to the object being a wall comprises:

7. The method of any of claims 1 to 6, further comprising:

8. A map generation apparatus, characterized in that the apparatus comprises: the device comprises a first processing module and a second processing module; wherein,

9. A map generation apparatus, characterized in that the apparatus comprises: a processor and a memory for storing a computer program capable of running on the processor; wherein,

the processor is adapted to perform the steps of the method of any one of claims 1 to 7 when running the computer program.

10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 7.