(19)中华人民共和国国家知识产权局
(12)发明专利申请
(10)申请公布号 (43)申请公布日 (21)申请号 202010208661.9
(22)申请日 2020.03.23
(71)申请人 深圳市震有软件科技有限公司
地址 518057 广东省深圳市南山区粤海街
道高新区社区科苑南路3176号彩讯科
技大厦五层A区
(72)发明人 孟波 吴闽华 姜坤 卫宣安
(74)专利代理机构 深圳市君胜知识产权代理事
务所(普通合伙) 44268
代理人 刘文求 朱阳波
(51)Int.Cl.
G06T 17/05(2011.01)
G06F 16/29(2019.01)
(54)发明名称
装置
(57)摘要
本申请涉及基于MapboxGL地图实现立体柱
图的方法及装置，所述方法包括：根据已知经纬
度坐标点位A，以坐标点A为中心，构建半径为r的
圆C；把圆C绘制到MapboxGL地图上；根据具体的
业务数据计算高度参数H；将MapboxGL地图上的
圆C垂直拉伸至高度H，完成根据业务数据实现在
MapboxGL地图上直接添加柱图。本发明提供了一
种根据点位数据在MapboxGL地图实现立体柱图
的方法，在MapboxGL地图实现立体柱形图操作简
单方便，实现效果好，并且实现简单，
可靠性高。权利要求书1页 说明书5页 附图4页CN 111445577 A 2020.07.24
C N 111445577
A
1.一种基于MapboxGL地图实现立体柱图的方法，其特征在于，所述方法包括：
根据已知经纬度坐标点位A，以坐标点A为中心，构建半径为r的圆C；
把圆C绘制到MapboxGL地图上；
根据具体的业务数据计算高度参数H；
将MapboxGL地图上的圆C垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图。
2.根据权利要求1所述基于MapboxGL地图实现立体柱图的方法，其特征在于，所述根据已知经纬度坐标点位A，以坐标点A为中心，构建半径为r的圆C的步骤包括：
获取已知经纬度点位A，
根据一个已知经纬度坐标点位A，以坐标点A为中心，构建一个半径为r的圆C。
3.根据权利要求1所述基于MapboxGL地图实现立体柱图的方法，其特征在于，所述把圆C绘制到Mapbo
xGL地图上的步骤包括：
把圆C绘制到MapboxGL地图上，形成MapboxGL地图上的圆C。
4.根据权利要求1所述基于MapboxGL地图实现立体柱图的方法，其特征在于，所述根据具体的业务数据计算高度参数H的步骤包括：
根据具体的项目投资额的业务数据，设置高度参数。
5.根据权利要求1所述基于MapboxGL地图实现立体柱图的方法，其特征在于，所述将MapboxGL地图上的圆C垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图的步骤包括：
根据具体的业务数据设置柱图高度H，调用MapboxGL原生接口，利用其layer对象，以添加图层对象的方式添加柱图。
6.根据权利要求1所述基于MapboxGL地图实现立体柱图的方法，其特征在于，所述将MapboxGL地图上的圆C垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图的步骤之后还包括：
在MapboxGL地图上输出显示添加柱图后的效果图。
7.一种基于MapboxGL地图实现立体柱图的装置，其特征在于，所述装置包括：
圆构建模块，用于根据已知经纬度坐标点位A，以坐标点A为中心，构建半径为r的圆C；圆绘制模块，用于把圆C绘制到MapboxGL地图上；
高度参数计算模块，用于根据具体的业务数据计算高度参数H；
拉伸显示模块，用于将MapboxGL地图上的圆C垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图。
8.根据权利要求7所述基于MapboxGL地图实现立体柱图的装置，其特征在于，还包括：输出显示模块，用于在MapboxGL地图上输出显示添加柱图后的效果图。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述基于MapboxGL地图实现立体柱图的方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的基于MapboxGL地图实现立体柱图的方法的步骤。
权 利 要 求 书1/1页CN 111445577 A
基于MapboxGL地图实现立体柱图的方法及装置
[0001]本申请涉及地图数据处理技术领域，特别是涉及一种基于MapboxGL地图实现立体柱图的方法及装置、计算机设备、可读存储介质。
背景技术
[0002]Mapbox是一款矢量地图软件。现有技术中，在使用MapboxGL作为地图引擎实现地图功能时，常常需要实现在地图上直接添加立体柱形图的功能，如：根据一个在建工程的坐标点位，用立体柱形图的高度呈现出在建项目的投资额的多少，此时就需要根据一个坐标点位数据，实现立体柱形图的效果。现有技术中，在MapboxGL地图实现立体柱形图操作不方便，实现方式复杂，实现效果不太好。
[0003]因此，现有技术有待改进。
发明内容
[0004]本发明针对上述现有技术中的技术问题，提供一种基于MapboxGL地图实现立体柱图的方法及装置、计算机设备、可读存储介质，本发明提供了一种根据点位数据在MapboxGL 地图实现立体柱图的方法，在MapboxGL地图实现立体柱形图操作简单方便，实现效果好，并且实现简单，可靠性高。
[0005]本发明的技术方案如下：
[0006]一种基于MapboxGL地图实现立体柱图的方法，其中，所述方法包括：
[0007]根据已知经纬度坐标点位A，以坐标点A为中心，构建半径为r的圆C；
[0008]把圆C绘制到MapboxGL地图上；
[0009]根据具体的业务数据计算高度参数H；
[0010]将MapboxGL地图上的圆C垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图。
[0011]所述基于MapboxGL地图实现立体柱图的方法，其中，所述根据已知经纬度坐标点位A，以坐标点A为中心，构建半径为r的圆C的步骤包括：
[0012]获取已知经纬度点位A，
[0013]根据一个已知经纬度坐标点位A，以坐标点A为中心，构建一个半径为r的圆C。[0014]所述基于MapboxGL地图实现立体柱图的方法，其中，所述把圆C绘制到MapboxGL地图上的步骤包括：
[0015]把圆C绘制到MapboxGL地图上，形成MapboxGL地图上的圆C。
[0016]所述基于MapboxGL地图实现立体柱图的方法，其中，所述根据具体的业务数据计算高度参数H的步骤包括：
[0017]根据具体的项目投资额的业务数据，设置高度参数。
[0018]所述基于MapboxGL地图实现立体柱图的方法，其中，所述将MapboxGL地图上的圆C 垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图的步骤包括：
[0019]根据具体的业务数据设置柱图高度H，调用MapboxGL原生接口，利用其layer对象，以添加图层对象的方式添加柱图。
[0020]所述基于MapboxGL地图实现立体柱图的方法，其中，所述将MapboxGL地图上的圆C 垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图的步骤之后还包括：
[0021]在MapboxGL地图上输出显示添加柱图后的效果图。
[0022]一种基于MapboxGL地图实现立体柱图的装置，其中，所述装置包括：
[0023]圆构建模块，用于根据已知经纬度坐标点位A，以坐标点A为中心，构建半径为r的圆C；
[0024]圆绘制模块，用于把圆C绘制到MapboxGL地图上；
[0025]高度参数计算模块，用于根据具体的业务数据计算高度参数H；
[0026]拉伸显示模块，用于将MapboxGL地图上的圆C垂直拉伸至高度H，完成根据业务数据实现在MapboxGL地图上直接添加柱图。
[0027]所述基于MapboxGL地图实现立体柱图的装置，其中，还包括：
[0028]输出显示模块，用于在MapboxGL地图上输出显示添加柱图后的效果图。
[0029]一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其中，所述处理器执行所述计算机程序时实现任一项所述基于MapboxGL地图实现立体柱图的方法的步骤。
[0030]一种计算机可读存储介质，其上存储有计算机程序，其中，所述计算机程序被处理器执行时实现任一项所述的基于MapboxGL地图实现立体柱图的方法的步骤。
[0031]与现有技术相比，本发明实施例具有以下优点：
[0032]提供一种基于MapboxGL地图实现立体柱图的方法及装置、计算机设备、可读存储介质，提供一种在MapboxGL地图根据点位数据实现立体柱图效果的方法，只需要一个坐标点位即可实现立体柱图的效果。基本原理为：根据一个已知经纬度坐标点位A，以坐标点A为中心，构建一个半径为r的圆C，再把
圆C绘制到MapboxGL地图上，根据具体的业务数据(如项目投资额)计算高度参数H，将圆C垂直拉伸至高度H。就可以根据业务数据实现在MapboxGL 地图上直接添加柱图，在MapboxGL地图实现立体柱形图操作简单方便，实现效果好，并且实现简单，可靠性高。
附图说明
[0033]为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0034]图1为本发明实施例1的一种基于MapboxGL地图实现立体柱图的方法的流程示意图。
[0035]图2为本发明实施例1的一种基于MapboxGL地图实现立体柱图的方法构建圆过程圆中心及半径对象设置代码示意图。
[0036]图3为本发明实施例1的一种基于MapboxGL地图实现立体柱图的方法根据具体的
业务数据设置柱图高度代码示意图。
[0037]图4为本发明实施例1的一种基于MapboxGL地图实现立体柱图的方法圆柱构建后效果示意图。
[0038]图5为本发明实施例2的一种基于MapboxGL地图实现立体柱图的方法的流程示意图。
[0039]图6为本发明实施例中一种基于MapboxGL地图实现立体柱图的装置的结构示意图。
[0040]图7为本发明实施例中计算机设备的内部结构图。
具体实施方式
[0041]为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。[0042]发明人经过研究发现，现有技术中，在使用MapboxGL作为地图引擎实现地图功能时，常常需要实现在地图上直接添加立体柱形图的功能，如：根据一个在建工程的坐标点位，用立体柱形图的高度呈现出在建项目的投资额的多少，此时就需要根据一个坐标点位数据，实现立体柱形图的效果。现有技术中，在MapboxGL地图实现立体柱形图操作不方便，实现方式复杂，实现效果不太好，不方便用户使用的技术问题。
[0043]为了解决上述问题，在本发明实施例中，提供一种在MapboxGL地图根据点位数据实现立体柱图效果的方法，只需要一个坐标点位即可实现立体柱图的效果。基本原理为：根据一个已知经纬度坐标点
位A，以坐标点A为中心，构建一个半径为r的圆C，再把圆C绘制到MapboxGL地图上，根据具体的业务数据(如项目投资额)计算高度参数H，将圆C垂直拉伸至高度H。至此就可以根据业务数据实现在MapboxGL地图上直接添加柱图，并且实现简单，可靠性高。
[0044]下面结合附图，详细说明本发明的各种非限制性实施方式。
[0045]请参阅图1，图1示出了本发明实施例一种基于MapboxGL地图实现立体柱图的方法，所述方法包括以下步骤：
[0046]步骤S1、根据已知经纬度坐标点位A，以坐标点A为中心，构建半径为r的圆C。[0047]本发明实施例中，在具体实施时，可以获取已知经纬度点位A，根据一个已知经纬度坐标点位A，以坐标点A为中心，构建一个半径为r的圆C；
[0048]本步骤中构建圆的核心算法由Turf.js提供，Turf.js是一个开源的空间分析库，地址为。调用Turf.js的circle对象，传入中心点，设置半径r，并设置顶点参数steps(steps越大圆柱越光滑)。Turf.js的circle对象具体使用如下图2所示。[0049]步骤S2、把圆C绘制到MapboxGL地图上；
[0050]本发明实施例中，通过步骤S1的步骤可以构建半径为r的圆C，再把把圆C绘制到MapboxGL地图上，形成MapboxGL地图上的圆C。
[0051]其中，Mapbox是一款矢量地图软件。
[0052]步骤S3、根据具体的业务数据计算高度参数H；
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议