CN116540902A - 一种数据展示方法及*** - Google Patents
一种数据展示方法及*** Download PDFInfo
- Publication number
- CN116540902A CN116540902A CN202310820363.9A CN202310820363A CN116540902A CN 116540902 A CN116540902 A CN 116540902A CN 202310820363 A CN202310820363 A CN 202310820363A CN 116540902 A CN116540902 A CN 116540902A
- Authority
- CN
- China
- Prior art keywords
- scene
- user
- control
- client
- place
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 40
- 239000000725 suspension Substances 0.000 claims description 4
- 239000013641 positive control Substances 0.000 claims description 3
- 239000013642 negative control Substances 0.000 claims description 2
- 238000013461 design Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 4
- 230000000007 visual effect Effects 0.000 description 4
- 230000009191 jumping Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 239000004576 sand Substances 0.000 description 3
- 238000013480 data collection Methods 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000000873 masking effect Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/953—Querying, e.g. by the use of web search engines
- G06F16/9537—Spatial or temporal dependent retrieval, e.g. spatiotemporal queries
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/953—Querying, e.g. by the use of web search engines
- G06F16/9538—Presentation of query results
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开一种数据展示方法及***,该方法包括:客户端响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取所述第一地点的全景地图的第一获取请求,所述第一获取请求包括所述第一地点的标识;所述服务器根据所述标识向所述客户端发送第一全景地图,所述第一全景地图包括多个场景图片以及用于自动巡航所述多个场景图片的巡航控件;所述客户端显示所述第一全景地图中的第一张场景图片;所述客户端响应用户对所述巡航控件的操作,自动巡航所述多个场景图片。本发明实施例,可以提高场景切换效率。
Description
技术领域
本发明实施例涉及VR技术领域,尤其涉及一种数据展示方法及***。
背景技术
虚拟现实(virtual reality,VR)就是虚拟和现实相互结合。VR全景是基于全景图像的真实场景虚拟现实技术,是虚拟现实技术中非常核心的部分。随着VR全景的不断发展,VR全景可以应用到不同领域,如城乡规划。用户使用VR全景在城乡规划中经常需要从一个场景切换到另一个场景,这需要用户手动进行切换,以致降低了场景切换效率。
发明内容
本发明实施例公开了一种数据展示方法及***,用于提高场景切换效率。
第一方面公开一种数据展示方法,其特征在于,包括:
客户端响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取所述第一地点的全景地图的第一获取请求,所述第一获取请求包括所述第一地点的标识;
所述服务器根据所述标识向所述客户端发送第一全景地图,所述第一全景地图包括多个场景图片以及用于自动巡航所述多个场景图片的巡航控件;
所述客户端显示所述第一全景地图中的第一场景图片;
所述客户端响应用户对所述巡航控件的操作,自动巡航所述多个场景图片。
作为一种可能的实施方式,所述方法还包括:
所述客户端响应用户对所述第一地点的查询操作,向所述服务器发送用于获取包括所述第一地点的平面地图的第二获取请求,所述第二获取请求包括所述第一地点的标识;
所述服务器根据所述标识向所述客户端发送第一平面地图,所述第一平面地图包括所述第一地点;
所述客户端显示所述第一平面地图;
所述客户端响应用户输入的用于进入第一地点的全景地图的操作包括:
所述客户端响应用户对所述第一平面地图中所述第一地点的标点的操作。
作为一种可能的实施方式,所述方法还包括:
所述服务器显示第二平面地图;
所述服务器响应用户对所述第二平面地图中所述第一地点的标点添加操作,显示标点设置界面,所述标点设置界面包括地点输入框、经纬度输入框、全景地图输入框,所述地点输入框用于输入地点,所述经纬度输入框用于输入所述地点的经纬度,所述全景地图输入框用于输入所述地点的全景地图的标识;
所述服务器响应用户对所述标点设置界面的操作,建立所述第二平面地图中所述第一地点与所述第一全景地图之间的对应关系得到第一平面地图。
作为一种可能的实施方式,所述客户端响应用户进入第一地点的全景地图的操作包括:
所述客户端响应用户对地点列表中第一地点的选择操作。
作为一种可能的实施方式,所述巡航控件包括正序控件和倒序控件,在用户对所述巡航控件的操作为用户对所述正序控件的操作的情况下,所述客户端自动巡航所述多个场景图片包括:
所述客户端按照所述多个场景图片的正序依次显示所述多个场景图片;
在用户对所述巡航控件的操作为用户对所述倒序控件的操作的情况下,所述客户端自动巡航所述多个场景图片包括:
所述客户端按照所述多个场景图片的倒序依次显示所述多个场景图片。
作为一种可能的实施方式,所述第一全景地图还包括是否显示路线的路线控件,所述路线控件包括用于显示路线的第一控件和用于不显示路线的第二控件,所述方法还包括:
所述客户端响应用户对所述第一控件的操作,在所述第一场景图片上以悬浮方式显示所述第一场景图片对应的路线图;
所述客户端响应用户对所述第二控件的操作,隐藏所述第一场景图片上显示的路线图。
作为一种可能的实施方式,所述第一全景地图还包括是否显示信息的信息控件,所述信息控件包括用于显示信息的第三控件和用于不显示信息的第四控件,所述方法还包括:
所述客户端响应用户对所述第三控件的操作,在所述第一场景图片上显示不同物体的信息;
所述客户端响应用户对所述第四控件的操作,隐藏所述第一场景图片上的所述信息。
作为一种可能的实施方式,所述方法还包括:
所述服务器响应用户对标题列表界面中用于添加标题的控件的操作,显示标题添加界面,所述标题添加界面包括标题输入框、自动巡航设置控件和信息显示设置控件,所述标题输入框用于输入全景地图的标题,所述自动巡航设置控件用于设置自动巡航的控件,所述信息显示设置控件用于设置信息控件;
所述服务器响应用户对所述标题添加界面的操作,在所述标题列表界面添加第一标题;
所述服务器响应用户对所述第一地点的场景设置的操作,显示场景列表界面;
所述服务器在所述场景列表界面设置所述多个场景图片得到所述第一全景地图。
作为一种可能的实施方式,所述服务器在所述场景列表界面设置所述多个场景图片得到所述第一全景地图包括:
所述服务器在所述场景列表界面设置所述多个场景图片、所述多个场景图片的序号、所述多个场景图片的跳转热点和所述多个场景图片的视角得到所述第一全景地图。
第二方面公开一种数据展示***,包括客户端和服务器;
所述客户端,用于响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取所述第一地点的全景地图的第一获取请求,所述第一获取请求包括所述第一地点的标识;
所述服务器,用于根据所述标识向所述客户端发送第一全景地图,所述第一全景地图包括多个场景图片以及用于自动巡航所述多个场景图片的巡航控件;
所述客户端,还用于显示所述第一全景地图中的第一张场景图片;
所述客户端,还用于响应用户对所述巡航控件的操作,自动巡航所述多个场景图片。
作为一种可能的实施方式,所述客户端,还用于响应用户对所述第一地点的查询操作,向所述服务器发送用于获取包括所述第一地点的平面地图的第二获取请求,所述第二获取请求包括所述第一地点的标识;
所述服务器,还用于根据所述标识向所述客户端发送第一平面地图,所述第一平面地图包括所述第一地点;
所述客户端,还用于显示所述第一平面地图;
所述客户端响应用户输入的用于进入第一地点的全景地图的操作包括:
所述客户端响应用户对所述第一平面地图中所述第一地点的标点的操作。
作为一种可能的实施方式,所述服务器,还用于显示所述第二平面地图;
所述服务器,还用于响应用户对所述第二平面地图中所述第一地点的标点添加操作,显示标点设置界面,所述标点设置界面包括地点输入框、经纬度输入框、全景地图输入框,所述地点输入框用于输入地点,所述经纬度输入框用于输入所述地点的经纬度,所述全景地图输入框用于输入所述地点的全景地图的标识;
所述服务器,还用于响应用户对所述标点设置界面的操作,建立所述第二平面地图中所述第一地点与所述第一全景地图之间的对应关系得到第一平面地图。
作为一种可能的实施方式,所述客户端响应用户进入第一地点的全景地图的操作包括:
所述客户端响应用户对地点列表中第一地点的选择操作。
作为一种可能的实施方式,所述巡航控件包括正序控件和倒序控件,在用户对所述巡航控件的操作为用户对所述正序控件的操作的情况下,所述客户端自动巡航所述多个场景图片包括:
所述客户端按照所述多个场景图片的正序依次显示所述多个场景图片;
在用户对所述巡航控件的操作为用户对所述倒序控件的操作的情况下,所述客户端自动巡航所述多个场景图片包括:
所述客户端按照所述多个场景图片的倒序依次显示所述多个场景图片。
作为一种可能的实施方式,所述第一全景地图还包括是否显示路线的路线控件,所述路线控件包括用于显示路线的第一控件和用于不显示路线的第二控件;
所述客户端,还用于响应用户对所述第一控件的操作,在所述第一场景图片上以悬浮方式显示所述第一场景图片对应的路线图;
所述客户端,还用于响应用户对所述第二控件的操作,隐藏所述第一场景图片上显示的路线图。
作为一种可能的实施方式,所述第一全景地图还包括是否显示信息的信息控件,所述信息控件包括用于显示信息的第三控件和用于不显示信息的第四控件;
所述客户端,还用于响应用户对所述第三控件的操作,在所述第一场景图片上显示不同物体的信息;
所述客户端,还用于响应用户对所述第四控件的操作,隐藏所述第一场景图片上的所述信息。
作为一种可能的实施方式,所述服务器,还用于响应用户对标题列表界面中用于添加标题的控件的操作,显示标题添加界面,所述标题添加界面包括标题输入框、自动巡航设置控件和信息显示设置控件,所述标题输入框用于输入全景地图的标题,所述自动巡航设置控件用于设置自动巡航的控件,所述信息显示设置控件用于设置信息控件;
所述服务器,还用于响应用户对所述标题添加界面的操作,在所述标题列表界面添加第一标题;
所述服务器,还用于响应用户对所述第一地点的场景设置的操作,显示场景列表界面;
所述服务器,还用于在所述场景列表界面设置所述多个场景图片得到所述第一全景地图。
作为一种可能的实施方式,所述服务器在所述场景列表界面设置所述多个场景图片得到所述第一全景地图包括:
所述服务器在所述场景列表界面设置所述多个场景图片、所述多个场景图片的序号、所述多个场景图片的跳转热点和所述多个场景图片的视角得到所述第一全景地图。
本发明实施例中,客户端响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取所述第一地点的全景地图的第一获取请求;服务器根据该标识向客户端发送包括多个场景图片以及用于自动巡航多个场景图片的巡航控件的第一全景地图;客户端显示第一全景地图中的第一张场景图片,响应用户对所述巡航控件的操作自动巡航所述多个场景图片。可见,可以进行自动巡航,不需要用户手动切换场景图片,可以提高场景切换效率。
附图说明
图1是本发明实施例公开的一种网络架构示意图;
图2是本发明实施例公开的一种数据展示方法的流程示意图;
图3是本发明实施例公开的另一种数据展示方法的流程示意图;
图4是本发明实施例公开的一种数据展示***的结构示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行清楚、详尽地描述。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
本发明实施例公开了一种数据展示方法及***,用于提高场景切换效率。以下分别进行详细说明。
为了更好地理解本发明,下面先对本发明的网络架构进行说明。
请参阅图1,图1是本发明实施例公开的一种网络架构示意图。如图1所示,该网络架构可以包括服务器101和客户端102。
客户端102可以安装在不同终端设备上。例如,客户端可以安装在手机、电脑等可以被用户操作以及显示信息的终端设备上。客户端102可以通过安装的终端设备与服务器101进行无线通信。
基于上述网络架构,请参阅图2,图2是本发明实施例公开的一种数据展示方法的流程示意图。如图2所示,该数据展示方法可以包括以下步骤。
201、客户端响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取第一地点的全景地图的第一获取请求。
在用户需要查看第一地点的全景地图的情况下,用户可以通过操作终端设备来启动安装在终端设备上的客户端,之后用户可以向客户端输入用于进入第一地点的全景地图的操作。客户端接收到用户输入的用于进入第一地点的全景地图的操作之后,可以响应该操作,向服务器发送用于获取第一地点的全景地图的第一获取请求。相应地,服务器接收来自客户端的第一获取请求。第一获取请求包括第一地点的标识。
客户端启动后显示的界面可以包括地点输入框和地点选择框。地点输入框用于用户输入需要查询的地点。地点选择框用于用户选择需要的地点。
在用户需要通过地点输入框进入第一地点的全景地图的情况下,用户可以向地点输入框输入第一地点并点击查询。客户端接收到用户输入的对第一地点的查询操作之后,可以响应用户对第一地点的查询操作,向服务器发送用于获取包括第一地点的平面地图的第二获取请求。第二获取请求可以包括第一地点的标识。第一地点的标识可以为第一地点的名称,也可以为其他可以唯一标识第一地点的信息。相应地,服务器可以接收来自客户端的第二获取请求,之后可以根据第一地点的标识向客户端发送第一平面地图。相应地,客户端可以接收来自服务器的第一平面地图,之后可以显示第一平面地图。在用户需要查看第一地点的全景地图的情况下,用户可以通过终端设备对显示的第一地点的标点进行操作,客户端接收到用户输入的对第一地点的标点的操作之后,可以响应用户对第一地点的标点的操作,向服务器发送用于获取第一地点的全景地图的第一获取请求。第一平面地图可以包括第一地点。
在用户需要通过地点选择框进入第一地点的全景地图的情况下,用户可以点击地点输入框,地点输入框可以以下拉的方式显示地点列表,用户可以通过操作找到地点列表中的第一地点,之后用户可以通过操作选择第一地点。客户端可以接收到用户对地点列表中第一地点的选择操作,可以响应用户对地点列表中第一地点的选择操作,向服务器发送用于获取第一地点的全景地图的第一获取请求。
应理解,上述用户的操作可以为用户通过终端设备的屏幕进行的各种触摸操作,也可以为通过终端设备的鼠标、键盘等进行的各种操作。
202、服务器根据第一地点的标识向客户端发送第一全景地图。
服务器接收到来自客户端的第一获取请求之后,可以根据第一地点的标识向客户端发送第一地点的全景地图。服务器可以根据平面地图中地点与全景地图之间的对应关系,获取第一地点的标识对应地点的全景地图得到第一全景地图,之后可以向客户端发送第一全景地图。相应地,客户端可以接收来自服务器的第一全景地图。第一全景地图可以包括多个场景图片以及用于自动巡航这多个场景图片的巡航控件。
203、客户端显示第一全景地图中的第一张场景图片。
204、客户端响应用户针对巡航控件的操作,自动巡航这多个场景图片。
客户端接收到第一全景地图之后,可以显示第一全景地图中的第一张场景图片。客户端在显示第一场景图片的同时,还可以显示巡航控件。在用户需要自动巡航第一全景地图中多个场景图片的情况下,用户可以对巡航控件进行操作。相应地,客户端响应用户针对巡航控件的操作,自动巡航这多个场景图片。
巡航控件可以包括正序控件和倒序控件。在用户需要对多个场景图片进行正序巡航的情况下,用户可以对正序控件进行操作,相应地,客户端响应用户对正序控件的操作,可以按照这多个场景图片的正序依次显示这多个场景图片。在用户需要对多个场景图片进行倒序巡航的情况下,用户可以对倒序控件进行操作,相应地,客户端响应用户针对倒序控件的操作,可以按照这多个场景图片的倒序依次显示这多个场景图片。多个场景图片的顺序是预先设置好的。场景调整代码可以为:
functionloopMethod(isReverse) {
const that = this
const viewer =this.getViewer()
// 根据isReverse获取巡航数组
const arr =isReverse ? that.cruiseArr : that.cruiseArr2
// 获取下一个场景所需数据
for (let i = 0; i<arr.length; i++) {
// 如果巡航场景[i]和当前场景相同且不是最后一个场景
if(arr[i].sceneName === that.commonData.activeScene) {
// 看向跳转点
viewer.lookAt(arr[i].pitch, arr[i].yaw, 20, 3000, async function() {
const scene = that.getPanoramaConfig().scenes[arr[i].sceneId]
let yaw = scene.yaw
if(isReverse) {
// 倒序
if ((yaw>= 0&&yaw<= 180) || (yaw<-180)) {
yaw += 180
} else if ((yaw>180) || (yaw>-180&&yaw<0)) {
yaw -= 180
}
}
// 加载场景
viewer.loadScene(arr[i].sceneId, 'same', yaw)
// 判断是否加载完成
if (viewer.isLoaded()) {
// 加载完成进行准备进入下一场景
setTimeout(() =>{
that.loopMethod(false, true)
}, 3000)
} else {
// 循环判断是否加载完成
that.getLoadStatus()
}
})
}
}
}
第一全景地图还可以包括用于是否显示路线的路线控件,路线控件可以包括第一控件和第二控件。第一控件为用于显示路线的控件。第二控件为用于不显示路线的控件。客户端在显示第一场景图片的同时,还可以显示路线控件。客户端显示第一全景地图中的第一张场景图片之后,如果用户需要显示第一场景图片的路线图,可以对第一控件进行操作,客户端可以响应用户对第一控件的操作,在第一场景图片上以悬浮方式显示第一场景图片对应的路线图。之后如果用户不需要显示第一场景图片的路线图,可以对第二控件进行操作,客户端可以响应用户对第二控件的操作,隐藏第一场景图片上显示的路线图。可见,路线图的显示不会影响场景图片的显示。
第一全景地图还可以包括是否显示信息的信息控件,信息控件可以包括第三控件和第四控件。第三控件为用于显示信息的控件。第四控件为用于不显示信息的控件。客户端在显示第一场景图片的同时,还可以显示信息控件。客户端显示第一全景地图中的第一张场景图片之后,如果用户需要在第一场景图片上显示信息,可以对第三控件进行操作,客户端可以响应用户对第三控件的操作,在第一场景图片上显示不同物体的信息。之后如果用户不需要显示第一场景图片的路线图,可以对第二控件进行操作,客户端可以响应用户对第四控件的操作,隐藏第一场景图片上显示的信息。物体的信息可以包括物体的名称,还可以包括对物体的说明。
第一张场景图片可以包括一个或多个跳转热点控件,不同跳转热点控件可以跳转到不同的场景图片。在用户需要由第一张场景图片跳转到第一场景图片的情况下,用户可以对第一跳转热点控件进行操作,客户端可以响应用户输入的跳转到第一场景图片的操作,可以由第一张场景图片切换到第一场景图片。第一场景图片为上述多个场景图片中除第一张场景图片之外的任一场景图片。
客户端还可以显示沙盘,沙盘可以包括上述多个场景图片的缩略图。在用户需要由第一张场景图片跳转到第一场景图片的情况下,用户也可以对沙盘中第一场景图片的缩略图进行操作,客户端可以响应用户输入的跳转到第一场景图片的操作,可以由第一张场景图片切换到第一场景图片。
基于上述网络架构,请参阅图3,图3是本发明实施例公开的另一种数据展示方法的流程示意图。如图3所示,该数据展示方法可以包括以下步骤。
301、服务器响应用户对全景设计界面中用于添加标题的控件的操作,显示标题添加界面。
在用户想要确定第一地点的全景地图的情况下,可以通过操作服务器显示全景设计界面,用户想要在全景设计界面添加标题时,可以操作相应的控件,服务器可以响应用户对全景设计界面中用于添加标题的控件的操作,显示标题添加界面。标题添加界面可以包括标题输入框、自动巡航设置控件和信息显示设置控件。标题输入框用于输入全景地图的标题,自动巡航设置控件用于设置自动巡航的控件,信息显示设置控件用于设置信息控件。标题添加界面还可以包括首次加载图片输入框和/或切换时间输入框。首次加载图片输入框为首次加载场景图片的输入框。切换时间输入框为自动巡航时不同场景图片之间的切换时间的输入框。
302、服务器响应用户对标题添加界面的操作,在标题列表界面添加第一标题。
用户可以在标题输入框输入第一标题,用户可以通过自动巡航设置控件设置巡航控件,用户可以通过操作信息显示设置控件设置信息客控件,用户可以通过操作首次加载图片输入框添加第二场景图片,用户可以通过切换时间输入框输入自动巡航时不同场景图片之间的切换时间。用户设置好上述信息之后可以点击保存,服务器检测到用户对标题添加界面的保存操作之后,可以响应用户对标题添加界面的保存操作,在标题列表界面添加第一标题。第二场景图片为上述多个场景图片中的任一场景图片。
第一标题后面可以包括用于设置场景的场景控件、用于修改标题的修改控件和用于删除第一标题的删除控件。用户可以通过操作修改控件来修改第一标题。用户可以通过删除控件删除第一标题。
303、服务器响应用户对第一地点的场景设置的操作,显示场景列表界面。
在用户需要进行场景设置的情况下,可以向服务器输入对第一地点的场景设置的操作,即用户可以对场景控件进行操作。服务器可以响应用户对第一地点的场景设置的操作,显示场景列表界面。
304、服务器在场景列表界面设置多个场景图片得到第一全景地图。
服务器可以在场景列表界面设置多个场景图片得到第一全景地图。服务器可以在场景列表界面设置多个场景图片、这多个场景图片的序号、这多个场景图片的跳转热点和这多个场景图片的视角得到第一全景地图。
在标题添加界面包括首次加载图片输入框,且用户已经通过首次加载图片输入框输入第二场景图片的情况下,场景列表界面已经包括一个场景,用户可以对这个场景进行操作,服务器可以响应该操作,显示第二场景图片设计界面。第二场景图片设计界面包括第二场景图片、视角设置控件和保存控件等。视角设置控件包括默认视角设置控件和其它视角设置控件。在用户想要设置默认视角的情况下,可以对默认视角设置控件进行操作,服务器可以响应该操作,显示默认视角设置界面,通过默认视角设置界面接收用户设置的默认视角。在用户想要设置其它视角的情况下,可以对其它视角设置控件进行操作,服务器可以响应该操作,显示其它视角设置界面,通过其它视角设置界面接收用户设置的其它视角。在用户想要设置跳转热点的情况下,服务器可以响应用户输入的用于设置跳转热点的操作,显示跳转热点设置界面,之后可以通过跳转热点设置界面设置跳转后的场景图片的序号。在设置跳转热点时,选中跳转场景图片的序号后会通过后台VisualAngleControlle类查询跳转后场景图片的设置视角以提供选择,如果用户不选则设置为默认视角,即跳转后的场景图片以默认视角显示。在用户需要设置第二场景图片对应的路线图的情况下,可以向服务器输入用于编辑路线图的操作,服务器可以响应该操作,根据画布技术在第二场景图片上显示透明图层,用户可以在透明图层上画路线,画好路线后点击保存,服务器可以响应该保存操作,把路线存储为第二场景图片对应的路线图。设置好之后用户可以通过操作第二场景图片设计界面中的保存控件保存该场景。
应理解,服务器还可以设置第二场景图片在自动巡航中的顺序。上述视角为自动巡航时场景图片的显示视角。可见,可以通过设置自动巡航来实现自动巡航完列表中所有的场景图片,支持正序巡航和倒序巡航,以及支持设置巡航时场景图片显示的角度。此外,在场景图片上画路线,中间不会产生蒙版遮挡,支持场景有无路线切换,场景图片内容被遮挡时可隐藏路线。进一步地,支持多视角,不同的场景图片可能跳转到同一个场景图片,可以为它们分别设置不同的视角进入场景,可以提高场景展示的多样性。
在用户想要在场景列表界面中增加新的场景的情况下,可以操作添加控件,服务器可以响应用户对添加控件的操作,显示场景添加界面。场景添加界面可以包括场景名称输入框、场景图片输入框、场景地点输入框和场景序号输入框。场景名称输入框用于输入场景名称。场景图片输入框用于用户选择上传的场景图片。场景地点输入框用于用户输入场景所在位置的信息。场景序号输入框用于用户输入场景图片在多个场景图片中的序号。用户在场景添加界面设置好之后,可以向服务器输入用于保存场景添加界面的操作,服务器检测到用户对场景添加界面的保存操作之后,可以响应用户对场景添加界面的保存操作,在场景列表界面添加该场景。在该场景添加完之后,可以进行与上述第二场景图片一样的操作。
在场景列表界面设置好多个场景图片、这多个场景图片的序号、这多个场景图片的跳转热点、这多个场景图片的视角等之后,可以向服务器输入用于保存场景列表界面的保存操作,服务器检测到该保存操作之后,可以响应该保存操作,生成巡航控件、路线控件、信息控件、沙盘等得到第一全景地图。
服务器可以通过分治法确定多个场景图片在自动巡航的顺序。服务器可以将多个场景图片对应的序号的序列可以从中间划分为两个序列,对这两个序列按照上述机械进行划分,直到每个序列长度为1。排序代码可以如下:
var sortArray =function(arrs, isReverse) {
returnmergeSort(arrs, 0, arrs.length – 1, isReverse)
};
function mergeSort(arrs,left, right, isReverse) {
if(left>= right) return arrs;
let mid= (left + right)>>1;
mergeSort(arrs, left, mid, isReverse)
mergeSort(arrs, mid + 1, right, isReverse)
returnmerge(arrs, left, mid, right, isReverse)
}
function merge(arrs, left,mid, right) {
let ans= [];
let c =0, i = left, j = mid + 1;
while (i<= mid&&j<= right) {
if(isReverse&&arrs[i].sort>arrs[j].sort) {
ans[c++] = arrs[i++];
}
else if (arrs[i].sort<arrs[j].sort) {
ans[c++]= arrs[i++];
} else {
ans[c++]= arrs[j++]
}
}
while(i<= mid) {
ans[c++]= arrs[i++];
}
while(j<= right) {
ans[c++]= arrs[j++];
}
for(let i = 0; i<ans.length; i++) {
arrs[i + left]= ans[i];
}
returnarrs;
}
服务器生成第一全景地图之后,为了将第一全景地图与平面地图关联起来,可以显示第二平面地图,在用户想要将第二平面地图中的第一地点与第一全景地图关联起来的情况下,可以对第二平面地图中第一地点的标点输入添加操作。服务器可以响应用户对第二平面地图中第一地点的标点添加操作,显示标点设置界面,标点设置界面可以包括地点输入框、经纬度输入框、全景地图输入框。地点输入框用于输入地点,经纬度输入框用于输入地点的经纬度,全景地图输入框用于输入地点的全景地图的标识。因此,用户可以通过地点输入框输入第一地点,用户可以通过经纬度输入框输入第一地点的经纬度,用户可以通过全景地图输入框输入第一全景地图的标题。之后用户可以点击保存操作,服务器可以响应用户对标点设置界面的操作,建立第二平面地图中第一地点与第一全景地图之间的对应关系得到第一平面地图。此处全景地图的标识为全景地图的标题。可见,可以将平面地图与全景地图融合,可以直观展示了全景地点现实所在位置。
305、客户端响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取第一地点的全景地图的第一获取请求。
其中,步骤305与步骤201相同,详细描述可以参考步骤201。
306、服务器根据第一地点的标识向客户端发送第一地全景地图。
其中,步骤306与步骤202相同,详细描述可以参考步骤202。
307、客户端显示第一全景地图中的第一张场景图片。
308、客户端响应用户针对巡航控件的操作,自动巡航这多个场景图片。
其中,步骤307-步骤308与步骤203-步骤204相同,详细描述可以参考上面相关描述。
请参阅图4,图4是本发明实施例公开的一种数据展示***的结构示意图。如图4所示,该数据收集展示可以包括服务器401和客户端402。401和客户端402的详细描述可以参考上述图2和图3方法实施例中对应的描述,在此不再赘述。
以上所述的具体实施方式,对本申请的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本申请的具体实施方式而已,并不用于限定本申请的保护范围,凡在本申请的技术方案的基础之上,所做的任何修改、等同替换、改进等,均应包括在本申请的保护范围之内。
Claims (10)
1.一种数据展示方法,其特征在于,包括:
客户端响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取所述第一地点的全景地图的第一获取请求,所述第一获取请求包括所述第一地点的标识;
所述服务器根据所述标识向所述客户端发送第一全景地图,所述第一全景地图包括多个场景图片以及用于自动巡航所述多个场景图片的巡航控件;
所述客户端显示所述第一全景地图中的第一场景图片;
所述客户端响应用户对所述巡航控件的操作,自动巡航所述多个场景图片。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
所述客户端响应用户对所述第一地点的查询操作,向所述服务器发送用于获取包括所述第一地点的平面地图的第二获取请求,所述第二获取请求包括所述第一地点的标识;
所述服务器根据所述标识向所述客户端发送第一平面地图,所述第一平面地图包括所述第一地点;
所述客户端显示所述第一平面地图;
所述客户端响应用户输入的用于进入第一地点的全景地图的操作包括:
所述客户端响应用户对所述第一平面地图中所述第一地点的标点的操作。
3.根据权利要求2所述的方法,其特征在于,所述方法还包括:
所述服务器显示第二平面地图;
所述服务器响应用户对所述第二平面地图中所述第一地点的标点添加操作,显示标点设置界面,所述标点设置界面包括地点输入框、经纬度输入框、全景地图输入框,所述地点输入框用于输入地点,所述经纬度输入框用于输入所述地点的经纬度,所述全景地图输入框用于输入所述地点的全景地图的标识;
所述服务器响应用户对所述标点设置界面的操作,建立所述第二平面地图中所述第一地点与所述第一全景地图之间的对应关系得到第一平面地图。
4.根据权利要求1所述的方法,其特征在于,所述客户端响应用户进入第一地点的全景地图的操作包括:
所述客户端响应用户对地点列表中第一地点的选择操作。
5.根据权利要求1所述的方法,其特征在于,所述巡航控件包括正序控件和倒序控件,在用户对所述巡航控件的操作为用户对所述正序控件的操作的情况下,所述客户端自动巡航所述多个场景图片包括:
所述客户端按照所述多个场景图片的正序依次显示所述多个场景图片;
在用户对所述巡航控件的操作为用户对所述倒序控件的操作的情况下,所述客户端自动巡航所述多个场景图片包括:
所述客户端按照所述多个场景图片的倒序依次显示所述多个场景图片。
6.根据权利要求1所述的方法,其特征在于,所述第一全景地图还包括是否显示路线的路线控件,所述路线控件包括用于显示路线的第一控件和用于不显示路线的第二控件,所述方法还包括:
所述客户端响应用户对所述第一控件的操作,在所述第一场景图片上以悬浮方式显示所述第一场景图片对应的路线图;
所述客户端响应用户对所述第二控件的操作,隐藏所述第一场景图片上显示的路线图。
7.根据权利要求1所述的方法,其特征在于,所述第一全景地图还包括是否显示信息的信息控件,所述信息控件包括用于显示信息的第三控件和用于不显示信息的第四控件,所述方法还包括:
所述客户端响应用户对所述第三控件的操作,在所述第一场景图片上显示不同物体的信息;
所述客户端响应用户对所述第四控件的操作,隐藏所述第一场景图片上的所述信息。
8.根据权利要求1-7任一项所述的方法,其特征在于,所述方法还包括:
所述服务器响应用户对标题列表界面中用于添加标题的控件的操作,显示标题添加界面,所述标题添加界面包括标题输入框、自动巡航设置控件和信息显示设置控件,所述标题输入框用于输入全景地图的标题,所述自动巡航设置控件用于设置自动巡航的控件,所述信息显示设置控件用于设置信息控件;
所述服务器响应用户对所述标题添加界面的操作,在所述标题列表界面添加第一标题;
所述服务器响应用户对所述第一地点的场景设置的操作,显示场景列表界面;
所述服务器在所述场景列表界面设置所述多个场景图片得到所述第一全景地图。
9.根据权利要求8所述的方法,其特征在于,所述服务器在所述场景列表界面设置所述多个场景图片得到所述第一全景地图包括:
所述服务器在所述场景列表界面设置所述多个场景图片、所述多个场景图片的序号、所述多个场景图片的跳转热点和所述多个场景图片的视角得到所述第一全景地图。
10.一种数据展示***,其特征在于,包括客户端和服务器;
所述客户端,用于响应用户输入的用于进入第一地点的全景地图的操作,向服务器发送用于获取所述第一地点的全景地图的第一获取请求,所述第一获取请求包括所述第一地点的标识;
所述服务器,用于根据所述标识向所述客户端发送第一全景地图,所述第一全景地图包括多个场景图片以及用于自动巡航所述多个场景图片的巡航控件;
所述客户端,还用于显示所述第一全景地图中的第一张场景图片;
所述客户端,还用于响应用户对所述巡航控件的操作,自动巡航所述多个场景图片。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310820363.9A CN116540902B (zh) | 2023-07-06 | 2023-07-06 | 一种数据展示方法及*** |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310820363.9A CN116540902B (zh) | 2023-07-06 | 2023-07-06 | 一种数据展示方法及*** |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116540902A true CN116540902A (zh) | 2023-08-04 |
CN116540902B CN116540902B (zh) | 2024-05-10 |
Family
ID=87447486
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310820363.9A Active CN116540902B (zh) | 2023-07-06 | 2023-07-06 | 一种数据展示方法及*** |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116540902B (zh) |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101136022A (zh) * | 2006-09-01 | 2008-03-05 | 李筑 | 资源信息的全景制作和展示*** |
US20100122208A1 (en) * | 2007-08-07 | 2010-05-13 | Adam Herr | Panoramic Mapping Display |
CN104616342A (zh) * | 2015-02-06 | 2015-05-13 | 北京明兰网络科技有限公司 | 序列帧与全景的相互转换方法 |
CN106598387A (zh) * | 2016-12-06 | 2017-04-26 | 北京尊豪网络科技有限公司 | 一种显示房源信息的方法及装置 |
CN106780186A (zh) * | 2016-12-06 | 2017-05-31 | 北京尊豪网络科技有限公司 | 一种显示房源信息的方法及装置 |
CN109374002A (zh) * | 2018-10-09 | 2019-02-22 | 北京京东尚科信息技术有限公司 | 导航方法和***、计算机可读存储介质 |
CN110110248A (zh) * | 2019-05-20 | 2019-08-09 | 徐书诚 | 一种实现电子地图沿线展示全景图像计算机*** |
CN110806848A (zh) * | 2019-11-02 | 2020-02-18 | 徐书诚 | 一种实现全景图像播放器显示计算机*** |
CN111125270A (zh) * | 2018-10-31 | 2020-05-08 | 百度在线网络技术(北京)有限公司 | 地图构建和加载的方法及装置 |
CN114153935A (zh) * | 2021-12-20 | 2022-03-08 | 徐书诚 | 一种实现街景地图可控行进显示全景计算机*** |
-
2023
- 2023-07-06 CN CN202310820363.9A patent/CN116540902B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101136022A (zh) * | 2006-09-01 | 2008-03-05 | 李筑 | 资源信息的全景制作和展示*** |
US20100122208A1 (en) * | 2007-08-07 | 2010-05-13 | Adam Herr | Panoramic Mapping Display |
CN104616342A (zh) * | 2015-02-06 | 2015-05-13 | 北京明兰网络科技有限公司 | 序列帧与全景的相互转换方法 |
CN106598387A (zh) * | 2016-12-06 | 2017-04-26 | 北京尊豪网络科技有限公司 | 一种显示房源信息的方法及装置 |
CN106780186A (zh) * | 2016-12-06 | 2017-05-31 | 北京尊豪网络科技有限公司 | 一种显示房源信息的方法及装置 |
CN109374002A (zh) * | 2018-10-09 | 2019-02-22 | 北京京东尚科信息技术有限公司 | 导航方法和***、计算机可读存储介质 |
CN111125270A (zh) * | 2018-10-31 | 2020-05-08 | 百度在线网络技术(北京)有限公司 | 地图构建和加载的方法及装置 |
CN110110248A (zh) * | 2019-05-20 | 2019-08-09 | 徐书诚 | 一种实现电子地图沿线展示全景图像计算机*** |
CN110806848A (zh) * | 2019-11-02 | 2020-02-18 | 徐书诚 | 一种实现全景图像播放器显示计算机*** |
CN114153935A (zh) * | 2021-12-20 | 2022-03-08 | 徐书诚 | 一种实现街景地图可控行进显示全景计算机*** |
Also Published As
Publication number | Publication date |
---|---|
CN116540902B (zh) | 2024-05-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10564838B2 (en) | Method and apparatus for providing POI information in portable terminal | |
US9477687B2 (en) | Mobile terminal and metadata setting method thereof | |
US10739958B2 (en) | Method and device for executing application using icon associated with application metadata | |
EP2410715B1 (en) | Mobile terminal and controlling method thereof | |
US6868169B2 (en) | System and method for geographical indexing of images | |
US20130257858A1 (en) | Remote control apparatus and method using virtual reality and augmented reality | |
US20050235226A1 (en) | Information browsing apparatus having communicating function | |
JP2016220017A (ja) | コンテンツ提供システム、情報処理装置、プログラム、コンテンツ再生方法 | |
EP1172741A2 (en) | On-demand image delivery server, image resource database, client terminal, and method of displaying retrieval result | |
CN113518237B (zh) | 语音直播方法、装置、计算机设备及存储介质 | |
CN111680238B (zh) | 信息分享方法、装置和存储介质 | |
JP2013242871A (ja) | 端末機の機能連動方法及びこれをサポートする端末機 | |
CN111367447A (zh) | 信息显示方法、装置、电子设备及计算机可读存储介质 | |
CN114428660A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN116540902B (zh) | 一种数据展示方法及*** | |
KR100848452B1 (ko) | 지도 기반의 컨텐츠 등록/표시 방법 | |
RU2389061C2 (ru) | Меню устройства | |
CN111061532A (zh) | 一种壁纸展示方法及终端设备 | |
CN111966853B (zh) | 一种遥感影像的管理方法 | |
CN114387402A (zh) | 虚拟现实场景显示方法及装置、电子设备、可读存储介质 | |
CN115499479A (zh) | 商品对比展示方法、装置及电子设备 | |
JP2002091990A (ja) | オンデマンド画像配信サーバ、画像資源データベース、クライアント端末、及び検索結果表示方法 | |
US11995868B2 (en) | Image processing device, image providing server, image display method, and image provision method for navigating horizontally or vertically between floor images | |
CN114390215A (zh) | 一种视频生成方法、装置、设备以及存储介质 | |
CN112770185B (zh) | 雪碧图的处理方法、装置、电子设备和存储介质 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |