基于H5的地图编辑器、编辑方法以及计算机可读介质技术

本发明专利技术提供一种基于H5的地图编辑器、编辑方法以及计算机可读介质，该方法包括：接收模型添加到选中的地图建筑的导入请求；确定所导入在地图建筑坐标信息中的模型的中心点，将所述中心点的三维坐标作为起始坐标；以模型中心为中心点修改中心点XYZ三轴坐标，得到修改后的向量数据；将向量数据导入平移矩阵、旋转矩阵以及缩放矩阵计算公式得到模型调整后的顶点数据；将原始数据以及得到调整后的顶点数据以及中心点数据保存；本发明专利技术提供三维模型效果配置功能可以保证模型正常设置和导入三维模型，可以让用户实时显示的情况下编辑导入的三维模型并调整在地图中的效果。维模型并调整在地图中的效果。维模型并调整在地图中的效果。

【技术实现步骤摘要】
基于H5的地图编辑器、编辑方法以及计算机可读介质


[0001]本专利技术属于地图制作及显示
，尤其涉及一种基于H5的地图编辑器、编辑方法以及计算机可读介质。

技术介绍

[0002]近年来，随着社会不断进步，国家经济不断发展，城市进程不断加快，大型商场、综合体建筑不断涌现，人们在室内的活动频率大大增加，对于室内位置服务的需求程度也越来越强烈，而室内位置服务与室内地图相结合，是未来发展的趋势。
[0003]在室内地图的绘制过程中，每绘画一个3D地图元素，都需要完整的3D数据来生成，会使地图在设计过程中消耗极大的计算资源去实时渲染地图，影响用户流畅操作和使用编辑器绘制地图。
[0004]因此现有技术引入自定义数据格式在编辑过程中以绘制二维图形方式展示，然后转化保存为完整自定义三维模型信息用于渲染成浏览器可以直接显示的三维模型，实现以二维方式绘制三维地图模型的高效转化，来减少在地图制作过程中实时渲染三维模型导致的性能消耗，以提高用户在制作地图效率低的问题，但用二维的方式来编辑地图，在导入三维建筑模型时，二维方式的地图中内无法直观的显示和调整三维模型位置。

技术实现思路

[0005]本专利技术提供了一种基于H5的地图编辑器、编辑方法以及计算机可读介质，以解决上述技术问题。
[0006]一方面，本专利技术提供了一种基于H5的地图编辑方法，所述方法包括：接收模型添加到选中的地图建筑的导入请求；确定所导入在地图建筑坐标信息中的模型的中心点，将所述中心点的三维坐标作为起始坐标；以模型中心为中心点修改中心点XYZ三轴坐标，得到修改后的向量数据；将向量数据导入平移矩阵、旋转矩阵以及缩放矩阵计算公式得到模型调整后的顶点数据；将原始数据以及得到调整后的顶点数据以及中心点数据保存。
[0007]进一步的，平移矩阵的计算公式为：其中，T(tx，ty，yz) 是已知的平移向量，XYZ 指空间里任意点坐标，x
’
，y
’
、z
’
是平移后坐标。
[0008]进一步的，旋转矩阵的计算公式为：
其中，α是x
‑
轴与交点线的夹角，β是y
‑
轴与交点线的夹角，γ是z
‑
轴与交点线的夹角，R指已知的旋转矩阵。
[0009]进一步的，缩放矩阵的计算公式为：其中，等号左边中间的矩阵由缩放矢量（分别对应x轴、y轴，z轴方向的缩放）构成缩放矩阵，Sx、Sy、Sz 是指已知的缩放向量， XYZ指空间里任意点坐标。
[0010]进一步的，所述方法还包括：读取选中的模型的原始数据，设置选中地图元素中的模型属性，使模型恢复原始状态。
[0011]另一方面，本专利技术还提供了一种基于H5的地图编辑器，所述地图编辑器包括：导入模块，用于接收模型添加到选中的地图建筑的导入请求；中心点坐标获取模块，用于确定所导入在地图建筑坐标信息中的模型的中心点，将所述中心点的三维坐标作为起始坐标；向量坐标获取模块，用于以模型中心为中心点修改中心点XYZ三轴坐标，得到修改后的向量数据；顶点坐标计算模块，用于将向量数据导入平移矩阵、旋转矩阵以及缩放矩阵计算得到模型调整后的顶点数据；存储模块，用于将得到调整后的顶点数据以及中心点数据保存。
[0012]另一方面，本专利技术还提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理执行时实现如上述任一项所述的一种基于H5的地图编辑方法。
[0013]应当理解的是，以上的一般描述和后面的细节描述仅仅是示例性和解释性的，并不能限制本公开。
[0014]与现有技术相比，本专利技术提供的一种基于H5的地图编辑方法，具有如下优点：在复用的基础上，更加强调用户自由度和定制性。提供三维模型效果配置功能可以保证模型正常设置和使用导入三维模型，可以在让用户实时显示的情况下编辑导入的三维模型并调整在地图中位置效果。
[0015]显然，上述有关本专利技术优点的描述是概况性的，更多的优点描述将体现在后续的实施例揭示中，以及，本领域技术人员也可以本专利技术所揭示的内容合理地专利技术本专利技术的其他诸多优点。
[0016]本专利技术附加的方面和优点将在下面的描述中给出，并且本专利技术的优点将在下面的描述中变得明显或通过本专利技术的实践了解到。
附图说明
[0017]图1为本专利技术一实施例的基于H5的地图编辑方法流程示意图。
[0018]图2为three.js 画布中提供模型的三维坐标系。
[0019]图3为编辑器用欧拉角所设置的模型空间角度图。
具体实施方式
[0020]现将详细参考本公开的当前实施例，其实例在附图中得以说明。只要有可能，相同元件符号在图式及描述中用来表示相同或相似部分。
[0021]本专利技术通过地图编辑提供对应的推断逻辑，指引出合理的地图编辑方案，辅助用户更好地解决二维模型无法直观调整三维模型位置问题，本编辑器还提供了三维模型效果配置预览功能，具体实现方式如下：如在一种实施例中，本专利技术提供了一种基于H5的地图编辑方法，如图1所示，包括：S100：接收模型添加到选中的地图建筑的导入请求。
[0022]支持主流的模型导入显示功能，可以通过直接导入glb和gltf三维模型到地图中，导入后通过基于three.js 的渲染器在编辑器中实时显示三维模型。
[0023]S200：确定所导入在地图建筑坐标信息中的模型的中心点，将所述中心点的三维坐标作为起始坐标；S300：以模型中心为中心点修改中心点XYZ三轴坐标，得到修改后的向量数据；S400：将向量数据导入平移矩阵、旋转矩阵以及缩放矩阵计算公式得到模型调整后的顶点数据。
[0024]在立体三维坐标系中，分别取与x轴、y轴、z轴方向相同的3个单位向量i，j, k作为一组基底。若a为该坐标系内的任意向量，以坐标原点O为起点作向量OP=a。根据空间基本定理知，有且只有一组实数（x，y， z）向量的坐标表示，使得 a=向量OP=xi+yj+zk，因此把实数对（x，y，z）叫做向量a的坐标，记作a=（x，y，z）。这就是向量a的坐标表示，同理我们在导入模型时以模型原点为中心点三维坐标Wie（0，0，0）将模型添加到选中的地图建筑中，以选中建筑中心点为起始坐标，例如建筑坐标为（x1，y1，z1）导入后模型的坐标同样为（x1，y1，z1）；然后可以通过选中模型修改模型中心点x 轴，y轴，z轴位置，其他点通过平移变换的计算，通常是左乘一个平移矩阵，表示方式可以如下：其中，T(tx，ty，yz) 是已知的平移向量，XYZ 指空间里任意点坐标，x
’
，y
’
、z
’
是平移后坐标。
[0025]如图3所示，旋转设置本编辑器用欧拉角来设置模型空间角度，欧拉角是在空间中，描述从一个用于表示某个固定的参考系的、已知的方向，经过一系列基本旋转得到新的、代表另一个参考系的方向的方式。因为只有旋转，所以原点位置并没有发生变化。按以下公式可以通过旋转矩阵求得模型的欧拉角本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于H5的地图编辑方法，其特征在于，所述方法包括：接收模型添加到选中的地图建筑的导入请求；确定所导入在地图建筑坐标信息中的模型的中心点，将所述中心点的三维坐标作为起始坐标；以模型中心为中心点修改中心点XYZ三轴坐标，得到修改后的向量数据；将向量数据导入平移矩阵、旋转矩阵以及缩放矩阵计算公式得到模型调整后的顶点数据；将原始数据以及得到调整后的顶点数据以及中心点数据保存。2.根据权利要求1所述的一种基于H5的地图编辑方法，其特征在于，平移矩阵的计算公式为：其中，T(tx，ty，yz) 是已知的平移向量，XYZ 指空间里任意点坐标，x
’
，y
’
、z
’
是平移后坐标。3.根据权利要求1所述的一种基于H5的地图编辑方法，其特征在于，旋转矩阵的计算公式为：其中，α是x
‑
轴与交点线的夹角，β是y
‑
轴与交点线的夹角，γ是z
‑
轴与交点线的夹角，R指已知的旋转矩阵。4.根据权利要求1所述的一种基于H5的地图编辑方法，其特征在...

【专利技术属性】
技术研发人员：吴辉煌，刘旺，陈庆炜，彭浩，吴伟龙，
申请(专利权)人：深圳市创互科技有限公司，
类型：发明
国别省市：