三维地图模型渲染方法及装置、介质、设备与流程
- 国知局
- 2024-09-11 14:58:46
本发明涉及三维地图,尤其是涉及一种三维地图模型渲染方法及装置、介质、设备。
背景技术:
1、随着三维技术的不断发展,网页中的数据展示已经不局限于二维展示这种形式,越来越多的网页中出现了三维元素。原来网页中的图片、图表均可以以三维模型来代替。虽然展示效果更加直观、酷炫,但在页面上能对三维模型进行的交互却很少,这导致网页中的三维模型的实用性较差、不够灵活。
技术实现思路
1、针对以上至少一个技术问题,本发明实施例提供一种三维地图模型渲染方法及装置、介质、设备。
2、根据第一方面,本发明实施例提供的三维地图模型渲染方法包括:
3、获取地图数据;
4、根据所述地图数据,生成三维地图模型,并将所述三维地图模型划分为多个三维地图子模型;
5、为每一个三维地图子模型添加对应的第一图层和第二图层;其中,各个三维地图子模型的第一图层具有相同的展示效果,各个三维地图子模型的第二图层具有不同于所述第一图层的展示效果;
6、通过三维渲染引擎在网页中加载所述三维地图模型的各个三维地图子模型,将各个三维地图子模型的第一图层设置为可见,并将各个三维地图子模型的第二图层设置为不可见,以使所述网页呈现各个三维地图子模型的第一图层的展示效果;
7、接收用户对所述网页中的一个三维地图子模型的选中操作;
8、将被选中的三维地图子模型的第一图层设置为不可见,并将所述被选中的三维地图子模型的第二图层设置为可见,以使所述网页呈现所述被选中的三维地图子模型的第二图层的展示效果。
9、在一个实施例中,本发明实施例提供的方法还可以包括:
10、配置每一个三维地图子模型的相关指标数据;
11、将每一个三维地图子模型的相关指标数据存储在业务系统中;
12、当用户选中所述网页中的一个三维地图子模型时,根据被选中的三维地图子模型的名称,从所述业务系统中获取对应的相关指标数据;
13、将获取到的相关指标数据展示在所述网页上所述被选中的三维地图子模型的文字展示框中。
14、在一个实施例中,所述将所述三维地图模型划分为多个三维地图子模型,包括:
15、获取所述三维地图模型对应的地理区域;
16、将所述地理区域划分为多个子区域;
17、将所述三维地图模型划分为各个子区域各自对应的三维地图子模型。
18、在一个实施例中,所述展示效果中包括颜色;各个三维地图子模型的第一图层具有相同的第一颜色,每一个三维地图子模型的第二图层具有各自的第二颜色,且每一个三维地图子模型的第二图层的第二颜色不同于该三维地图子模型的第一图层的第一颜色。
19、在一个实施例中,每一个三维地图子模型的第二图层的展示效果中包括放大效果、平移效果或者旋转效果,以使该三维地图子模型的第二图层被设置为可见时,该三维地图子模型以放大、平移或者旋转的方式展示在所述网页上。
20、在一个实施例中,所述接收用户对所述网页中的一个三维地图子模型的选中操作,包括:
21、响应于用户在所述网页中产生的点击事件,根据三维空间中的鼠标射线原理,确定被选中的三维地图子模型。
22、根据第二方面,本发明实施例提供的三维地图模型渲染装置包括:
23、第一获取模块,用于获取地图数据;
24、模型生成模块,用于根据所述地图数据,生成三维地图模型,并将所述三维地图模型划分为多个三维地图子模型;
25、图层添加模块,用于为每一个三维地图子模型添加对应的第一图层和第二图层;其中,各个三维地图子模型的第一图层具有相同的展示效果,各个三维地图子模型的第二图层具有不同于所述第一图层的展示效果;
26、模型加载模块,用于通过三维渲染引擎在网页中加载所述三维地图模型的各个三维地图子模型,将各个三维地图子模型的第一图层设置为可见,并将各个三维地图子模型的第二图层设置为不可见,以使所述网页呈现各个三维地图子模型的第一图层的展示效果;
27、选中确定模块,用于接收用户对所述网页中的一个三维地图子模型的选中操作;
28、效果切换模块,用于将被选中的三维地图子模型的第一图层设置为不可见,并将所述被选中的三维地图子模型的第二图层设置为可见,以使所述网页呈现所述被选中的三维地图子模型的第二图层的展示效果。
29、在一个实施例中,本发明实施例提供的装置还可以包括:
30、指标配置模块,用于配置每一个三维地图子模型的相关指标数据;
31、指标存储模块,用于将每一个三维地图子模型的相关指标数据存储在业务系统中;
32、指标获取模块,用于当用户选中所述网页中的一个三维地图子模型时,根据被选中的三维地图子模型的名称,从所述业务系统中获取对应的相关指标数据;
33、指标展示模块,用于将获取到的相关指标数据展示在所述网页上所述被选中的三维地图子模型的文字展示框中。
34、在一个实施例中,所述模型生成模块包括:
35、第一获取单元,用于获取所述三维地图模型对应的地理区域;
36、第一划分单元,用于将所述地理区域划分为多个子区域;
37、第二划分单元,用于将所述三维地图模型划分为各个子区域各自对应的三维地图子模型。
38、在一个实施例中,所述展示效果中包括颜色;各个三维地图子模型的第一图层具有相同的第一颜色,每一个三维地图子模型的第二图层具有各自的第二颜色,且每一个三维地图子模型的第二图层的第二颜色不同于该三维地图子模型的第一图层的第一颜色。
39、在一个实施例中,每一个三维地图子模型的第二图层的展示效果中包括放大效果、平移效果或者旋转效果,以使该三维地图子模型的第二图层被设置为可见时,该三维地图子模型以放大、平移或者旋转的方式展示在所述网页上。
40、在一个实施例中,所述选中确定模块具体用于:响应于用户在所述网页中产生的点击事件,根据三维空间中的鼠标射线原理,确定被选中的三维地图子模型。
41、根据第三方面,本发明实施例提供计算机可读存储介质,其上存储有计算机程序,当所述计算机程序在计算机中执行时,令计算机执行实现第一方面提供的方法。
42、根据第四方面,本发明实施例提供的计算设备,包括存储器和处理器,所述存储器中存储有可执行代码,所述处理器执行所述可执行代码时,实现第一方面提供的方法。
43、本发明实施例提供的三维地图模型渲染方法及装置、介质、设备,首先获取地图数据,然后根据所述地图数据生成三维地图模型,将所述三维地图模型划分为多个三维地图子模型,为每一个三维地图子模型添加对应的第一图层和第二图层。通过三维渲染引擎在网页中加载所述三维地图模型的各个三维地图子模型,将各个三维地图子模型的第一图层设置为可见,并将各个三维地图子模型的第二图层设置为不可见,这样所述网页呈现各个三维地图子模型的第一图层的展示效果,实现初始渲染。当用户选中一个三维地图子模型时,将被选中的三维地图子模型的第一图层设置为不可见,并将所述被选中的三维地图子模型的第二图层设置为可见,这样所述网页呈现所述被选中的三维地图子模型的第二图层的展示效果。可见,通过本发明实施例可以实现展示效果的切换,对用户选中的三维地图子模型进行突出展示,增加了交互程度,更加灵活,也更加具有实用性。
本文地址:https://www.jishuxx.com/zhuanli/20240911/292753.html
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 YYfuon@163.com 举报,一经查实,本站将立刻删除。