【技术实现步骤摘要】
本专利技术涉及数据采集技术邻域，特别涉及一种基于three.js实现三维地图埋点方法。
技术介绍
1、目前，利用百度、高德等地图可以实现数据信息的2d展示效果，技术人员通过第三方采集/提供的经纬度数据，用代码的方式进行转换展示。常用的地图api坐标系有wgs84坐标系（地球坐标系），gcj02坐标系（火星坐标系），bd09坐标系（百度坐标系）。展示echarts地图功能。echarts内置了世界地图、中国及各个省市自治区地图数据，可通过标准geojson扩展地图类型，利用api进行数据的标记。现有技术中存在以下技术问题：1.第三方提供的数据偏差比较大，经纬度转换存在一定的误差，通过代码程序转换需要兼容很多不同类型坐标系，需要大量的计算测试才能够将误差缩小，极大的增加了工作难度，从平面坐标系到三维空间向量坐标转换更加的增加了算法的难度，浪费大量的时间。2.传统的地图从视觉效果来讲比较单一，呈现的只能是2d或者2.5d效果，色彩不够丰富，不能虚拟现实的场景，页面单一，情景单一。
技术实现思路
1、本专利技术旨在至少一定程度上解决上述技术中的技术问题之一。为此，本专利技术的目的在于提出一种基于three.js实现三维地图埋点方法，利用虚拟化技术情景，提升视觉的易用性，提升对三维空间认知，使得数据信息显示信息越来越栩栩如生化，可以直观生动的展示数据信息，解决平面坐标转换三维空间向量坐标的难度，可直观有效的定位数据信息，无需采集不同版本的坐标点进行转换；无需研发技术人员的介入，埋点之后可直观
2、为达到上述目的，本专利技术实施例提出了一种基于three.js实现三维地图埋点方法，包括：
3、基于blender创建三维地图模型；
4、对三维地图模型进行加载渲染，得到渲染结果；
5、基于three.js提供的变换控制器在渲染结果包括的3d空间中对目标控制对象进行变换操作，确定目标控制对象对应的三维空间向量坐标点位信息。
6、根据本专利技术的一些实施例，基于blender创建三维地图模型，包括：
7、基于blender选择创建对象的基本形状、调整尺寸和位置、进行编辑和变形、添加材质和纹理、调整光照和渲染效果，并进行细节处理，最后导出glb/gltf三维模型文件；
8、根据glb/gltf三维模型文件创建三维地图模型。
9、根据本专利技术的一些实施例，对三维地图模型进行加载渲染，得到渲染结果，包括：
10、创建透视摄像机；
11、初始化渲染器；
12、基于渲染器通过透视摄像机将渲染场景渲染至三维地图模型，得到渲染结果。
13、根据本专利技术的一些实施例，在基于blender创建三维地图模型后，还包括：
14、在blender的3d视图下，根据不同的操作需求，设置不同的交互模式；
15、基于交互模式对三维地图模型进行修正，得到目标三维地图模型。
16、根据本专利技术的一些实施例，所述交互模式包括物体模式及编辑模式；其中，
17、所述物体模式对物体进行操作的，包括位移、旋转及缩放；
18、所述编辑模式是对物体进行修改的，包括增加某个面、切割某个面、添加一个物体及设置位置信息。
19、根据本专利技术的一些实施例，基于three.js提供的变换控制器在渲染结果包括的3d空间中对目标控制对象进行变换操作，确定目标控制对象对应的三维空间向量坐标点位信息，包括：
20、基于three.js提供的变换控制器建立与渲染结果对应的三维模型的绑定关系；
21、变换控制器是一个三维坐标轴，通过拖动三维坐标轴就可移动与之绑定的三维模型，基于控件对象方法setmode的值实现三维模型的平移、旋转和缩放对应不同的可视化操作，确定目标控制对象对应的三维空间向量坐标点位信息。
22、根据本专利技术的一些实施例，基于渲染器通过透视摄像机将渲染场景渲染至三维地图模型，得到渲染结果，包括：
23、基于透视摄像机对各定位点进行实时实地图像采集，确定各定位点的二维图像；
24、对二维图像进行3d化处理，得到三维图像；
25、对三维图像用sift描述符进行特征点提取，并分析每一个所述特征点的邻域，确定邻域的属性并标注在三维图像上；
26、确定透视摄像机的运动轨迹，基于运动轨迹确定若干帧标注邻域的属性的三维图像，根据若干帧标注邻域的属性的三维图像创建目标场景；
27、对目标场景中包括的对象按照四叉树分割分为若干节点，将若干个节点与三维地图模型进行匹配，根据匹配结果，将匹配的节点的名称及位置渲染至三维地图模型中；
28、在三维地图模型中确定待渲染的目标区域；
29、确定目标区域内的目标节点，根据目标节点的特征信息进行渲染，得到渲染结果。
30、根据本专利技术的一些实施例，在三维地图模型中确定待渲染的目标区域，包括：
31、对三维地图模型对应的观察视角的视野范围进行视景体构建，并与三维模型的空间包围立方体进行求交运算，通过节点间空间关系获取位于视景体范围内的包围立方体索引，根据包围立方体索引确定目标区域。
32、根据本专利技术的一些实施例，根据目标节点的特征信息进行渲染，得到渲染结果，包括：
33、将多个目标节点的特征信息分配至多个渲染处理终端；每个渲染处理终端对应一个目标节点；
34、每个渲染处理终端对分配的目标节点的特征信息进行渲染，得到若干个子渲染结果；
35、将多个子渲染结果进行拼接，得到渲染结果；
36、每个渲染处理终端对分配的目标节点的特征信息进行渲染，得到若干个子渲染结果，包括：
37、获取目标节点的特征信息映射至三维地图模型表面的视频数据，根据视频数据的视频纹理贴合至三维地图模型表面后，基于着色器进行顶点分类及片元分割，基于处理结果通过着色器进行着色，得到子渲染结果。
38、根据本专利技术的一些实施例，根据若干帧标注邻域的属性的三维图像创建目标场景，包括：
39、对每帧标注邻域的属性的三维图像进行分析，确定静态对象和动态对象；
40、将若干帧三维图像中的同一静态对象基于texture packer打包器进行整合，作为一个静态集合，进而得到若干个静态集合；
41、将若干帧三维图像中的同一动态对象基于sprite uv2打包器进行整合，作为一个动态集合，进而得到若干个动态集合；
42、在静态数据库中确定每个静态集合对应的静态场景组件；
43、在动态数据库中确定每个动态集合对应的动态场景组件；
44、根据静态场景组件及动态场景组件创建目标场景。
45、本专利技术提出了一种基于three.js实现三维地图埋点方法，利用虚拟化技术本文档来自技高网...
【技术保护点】
1.一种基于Three.JS实现三维地图埋点方法，其特征在于，包括：
2.如权利要求1所述的基于Three.JS实现三维地图埋点方法，其特征在于，基于Blender创建三维地图模型，包括：
3.如权利要求1所述的基于Three.JS实现三维地图埋点方法，其特征在于，对三维地图模型进行加载渲染，得到渲染结果，包括：
4.如权利要求1所述的基于Three.JS实现三维地图埋点方法，其特征在于，在基于Blender创建三维地图模型后，还包括：
5.如权利要求4所述的基于Three.JS实现三维地图埋点方法，其特征在于，所述交互模式包括物体模式及编辑模式；其中，
6.如权利要求1所述的基于Three.JS实现三维地图埋点方法，其特征在于，基于Three.JS提供的变换控制器在渲染结果包括的3D空间中对目标控制对象进行变换操作，确定目标控制对象对应的三维空间向量坐标点位信息，包括：
7.如权利要求3所述的基于Three.JS实现三维地图埋点方法，其特征在于，基于渲染器通过透视摄像机将渲染场景渲染至三维地图模型，得到渲染
8.如权利要求7所述的基于Three.JS实现三维地图埋点方法，其特征在于，在三维地图模型中确定待渲染的目标区域，包括：
9.如权利要求7所述的基于Three.JS实现三维地图埋点方法，其特征在于，根据目标节点的特征信息进行渲染，得到渲染结果，包括：
10.如权利要求7所述的基于Three.JS实现三维地图埋点方法，其特征在于，根据若干帧标注邻域的属性的三维图像创建目标场景，包括：
...【技术特征摘要】
1.一种基于three.js实现三维地图埋点方法，其特征在于，包括：
2.如权利要求1所述的基于three.js实现三维地图埋点方法，其特征在于，基于blender创建三维地图模型，包括：
3.如权利要求1所述的基于three.js实现三维地图埋点方法，其特征在于，对三维地图模型进行加载渲染，得到渲染结果，包括：
4.如权利要求1所述的基于three.js实现三维地图埋点方法，其特征在于，在基于blender创建三维地图模型后，还包括：
5.如权利要求4所述的基于three.js实现三维地图埋点方法，其特征在于，所述交互模式包括物体模式及编辑模式；其中，
6.如权利要求1所述的基于three.js实现三维地图埋点方法，其特征在于，基于three....
【专利技术属性】
技术研发人员：张晨，梅国学，宗蔷雯，廖阳，管卫权，
申请(专利权)人：三峡高科信息技术有限责任公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。