地图生成方法和地图生成装置制造方法及图纸

本公开涉及地图生成方法和地图生成装置，所述方法包括：加载服务器基类，调用所述服务器的API对目标区域的地理信息进行处理，以确定目标区域的实际高宽，确定目标区域中特征点的实际坐标；确定容器高宽；根据实际高宽和容器高宽确定画布高宽；确定所述实际距离与画布中像素的比例系数；根据比例系数和实际坐标，确定特征点在画布中的像素坐标；根据像素坐标在画布中生成目标区域的地图。根据本公开，可以使用API提供的基类相关方法来确定目标区域的实际高度、实际宽度、实际坐标等信息。进而可以根据上述结果，进一步确定画布宽度、画布高度，以及实际坐标在画布中的像素坐标，最后可以根据像素坐标绘制目标区域的地图。以根据像素坐标绘制目标区域的地图。以根据像素坐标绘制目标区域的地图。

【技术实现步骤摘要】
地图生成方法和地图生成装置


[0001]本公开涉及显示
，尤其涉及地图生成方法、地图生成装置、终端和计算机可读存储介质。

技术介绍

[0002]目前用户在用户端看到的地图，一般都是先由服务器生成，然后显示在用户端。由服务器生成地图，句需要服务器先获取到地图对应区域的信息，进而才能基于获取到的信息生成该区域的地图。
[0003]但是服务器所能获取到的信息是有限的，难以保证用户需要查看某个区域的地图时，服务器已预先获取到该区域的信息，并生成了该区域的地图，这导致用户并不能灵活地查看某个区域的地图。

技术实现思路

[0004]本公开提供地图生成方法、地图生成装置、终端和计算机可读存储介质，以解决相关技术中的不足。
[0005]根据本公开实施例的第一方面，提出一种地图生成方法，包括：加载服务器基类，调用所述服务器的API，通过所述API对目标区域的地理信息进行处理，以确定所述目标区域的实际高度和实际宽度，以及确定所述目标区域中特征点的实际坐标；确定用于显示的容器的容器高度和容器宽度；根据所述实际高度、所述实际宽度、所述容器高度和所述容器宽度，确定画布高度和画布宽度；确定所述实际距离与画布中像素的比例系数；根据所述比例系数和所述实际坐标，确定所述特征点在所述画布中的像素坐标；根据所述像素坐标在所述画布中生成所述目标区域的地图。
[0006]在一个实施例中，所述根据所述实际高度、所述实际宽度、所述容器高度和所述容器宽度，确定画布高度和画布宽度包括：在所述实际宽度大于所述实际高度的情况下，确定所述画布宽度等于所述容器宽度，根据所述实际高度和所述实际宽度的比值与所述画布宽度之积，确定所述画布高度；和/或在所述实际高度大于所述实际宽度的情况下，确定所述画布高度等于所述容器高度，根据所述实际宽度和所述实际高度的比值与所述画布高度之积，确定所述画布宽度。
[0007]在一个实施例中，所述确定所述实际距离与画布中像素的比例系数包括：根据所述实际宽度与所述画布宽度确定所述比例系数；和/或根据所述实际高度与所述画布高度确定所述比例系数。
[0008]在一个实施例中，所述特征点包括以下至少之一：所述目标区域轮廓的顶点、所述目标区域轮廓的外接四边形的顶点、所述目标区域中覆盖度轮廓的顶点。
[0009]在一个实施例中，所述特征点至少包括所述目标区域轮廓的顶点、所述目标区域轮廓的外接四边形的顶点，所述确定所述目标区域中特征点的实际坐标包括：在所述外接四边形的顶点中确定基础顶点作为原点；计算所述特征点中除所述基础顶点以外其他特征
点到所述基础顶点在宽度方向上的第一距离和在高度方向上第二距离；
[0010]根据所述第一距离和所述第二距离确定所述其他特征点的实际坐标。
[0011]在一个实施例中，计算所述第一距离和所述距离，以及确定所述实际高度和所述实际宽度的方法包括所述API提供的基类相关方法。
[0012]在一个实施例中，所述API提供的基类相关方法包括：
[0013]AMap.GeometryUtil.distance。
[0014]在一个实施例中，所述根据所述像素坐标在所述画布中生成所述目标区域的地图包括：将所述像素坐标保存为数组；调用fabric.js的绘制多边形的方法对所述数组进行处理，以在所述画布中生成所述像素坐标对应的多边形。
[0015]在一个实施例中，所述方法还包括：初始化所述画布中的对象，所述对象包括所述地图和/或所述地图中的元素；为所述对象绑定事件，所述事件包括操作和操作对应的效果。
[0016]在一个实施例中，所述方法还包括：为所述对象绑定高度信息。
[0017]在一个实施例中，所述方法还包括：在所述画布宽度大于所述容器宽度的情况下，根据所述容器宽度和所述画布宽度确定第一缩放比例，根据所述第一缩放比例缩小所述画布；在所述画布高度大于所述容器高度的情况下，根据所述容器高度和所述画布高度确定第二缩放比例，根据所述第二缩放比例缩小所述画布。
[0018]在一个实施例中，所述根据所述第一缩放比例缩小所述画布包括：根据所述第一缩放比例和第一预设缩放比例缩小所述画布；和/或所述根据所述第二缩放比例缩小所述画布包括：所述根据所述第二缩放比例和第二预设缩放比例缩小所述画布。
[0019]在一个实施例中，所述方法还包括：确定所述容器的容器中心位置和所述画布的画布中心位置；确定所述容器中心位置到所述画布中心位置的偏移量；根据所述偏移量移动缩小后的所述画布。
[0020]在一个实施例中，所述方法还包括：接收路线生成请求；从所述服务器获取所述目标区域以外的其他区域的地图；在请求生成的路线经过所述目标区域时，根据所述其他区域的地图和所述目标区域的地图生成所述路线。
[0021]根据本公开实施例的第二方面，提出一种地图生成装置，包括处理器，所述处理器被配置为执行：加载服务器基类，调用所述服务器的API，通过所述API对目标区域的地理信息进行处理，以确定所述目标区域的实际高度和实际宽度，以及确定所述目标区域中特征点的实际坐标；确定用于显示的容器的容器高度和容器宽度；根据所述实际高度、所述实际宽度、所述容器高度和所述容器宽度，确定画布高度和画布宽度；确定所述实际距离与画布中像素的比例系数；根据所述比例系数和所述实际坐标，确定所述特征点在所述画布中的像素坐标；根据所述像素坐标在所述画布中生成所述目标区域的地图。
[0022]在一个实施例中，所述处理器被配置为执行：在所述实际宽度大于所述实际高度的情况下，确定所述画布宽度等于所述容器宽度，根据所述实际高度和所述实际宽度的比值与所述画布宽度之积，确定所述画布高度；和/或在所述实际高度大于所述实际宽度的情况下，确定所述画布高度等于所述容器高度，根据所述实际宽度和所述实际高度的比值与所述画布高度之积，确定所述画布宽度。
[0023]在一个实施例中，所述处理器被配置为执行：根据所述实际宽度与所述画布宽度
确定所述比例系数；和/或根据所述实际高度与所述画布高度确定所述比例系数。
[0024]在一个实施例中，所述特征点包括以下至少之一：所述目标区域轮廓的顶点、所述目标区域轮廓的外接四边形的顶点、所述目标区域中覆盖度轮廓的顶点。
[0025]在一个实施例中，所述特征点至少包括所述目标区域轮廓的顶点、所述目标区域轮廓的外接四边形的顶点，所述处理器被配置为执行：在所述外接四边形的顶点中确定基础顶点作为原点；计算所述特征点中除所述基础顶点以外其他特征点到所述基础顶点在宽度方向上的第一距离和在高度方向上第二距离；根据所述第一距离和所述第二距离确定所述其他特征点的实际坐标。
[0026]在一个实施例中，计算所述第一距离和所述距离，以及确定所述实际高度和所述实际宽度的方法包括所述API提供的基类相关方法。
[0027]在一个实施例中，所述API提供的基类相关方法包括：
[0028]AMap.GeometryUtil.distance。
...

【技术保护点】

【技术特征摘要】
1.一种地图生成方法，其特征在于，包括：加载服务器基类，调用所述服务器的API对目标区域的地理信息进行处理，以确定所述目标区域的实际高度和实际宽度，以及确定所述目标区域中特征点的实际坐标；确定用于显示的容器的容器高度和容器宽度；根据所述实际高度、所述实际宽度、所述容器高度和所述容器宽度，确定画布高度和画布宽度；确定所述实际距离与画布中像素的比例系数；根据所述比例系数和所述实际坐标，确定所述特征点在所述画布中的像素坐标；根据所述像素坐标在所述画布中生成所述目标区域的地图。2.根据权利要求1所述的方法，其特征在于，所述根据所述实际高度、所述实际宽度、所述容器高度和所述容器宽度，确定画布高度和画布宽度包括：在所述实际宽度大于所述实际高度的情况下，确定所述画布宽度等于所述容器宽度，根据所述实际高度和所述实际宽度的比值与所述画布宽度之积，确定所述画布高度；和/或在所述实际高度大于所述实际宽度的情况下，确定所述画布高度等于所述容器高度，根据所述实际宽度和所述实际高度的比值与所述画布高度之积，确定所述画布宽度。3.根据权利要求2所述的方法，其特征在于，所述确定所述实际距离与画布中像素的比例系数包括：根据所述实际宽度与所述画布宽度确定所述比例系数，或根据所述实际高度与所述画布高度确定所述比例系数。4.根据权利要求1所述的方法，其特征在于，所述特征点包括以下至少之一：所述目标区域轮廓的顶点、所述目标区域轮廓的外接四边形的顶点、所述目标区域中覆盖度轮廓的顶点。5.根据权利要求4所述的方法，其特征在于，所述特征点至少包括所述目标区域轮廓的顶点、所述目标区域轮廓的外接四边形的顶点，所述确定所述目标区域中特征点的实际坐标包括：在所述外接四边形的顶点中确定基础顶点作为原点；计算所述特征点中除所述基础顶点以外其他特征点到所述基础顶点在宽度方向上的第一距离和在高度方向上第二距离；根据所述第一距离和所述第二距离确定所述其他特征点的实际坐标。6.根据权利要求5所述的方法，其特征在于，计算所述第一距离和所述距离，以及确定所述实际高度和所述实际宽度的方法包括所述API提供的基类相关方法。7.根据权利要求6所述的方法，其特征在于，所述API提供的基类相关方法包括AMap.GeometryUtil.distance。8.根据权利要求1所述的方法，其特征在于，所述根据所述像素坐标在所述画布中生成所述目标区域的地图包括：将所述像素坐标保存为数组；调用fabric.js的绘制多边形的方法对所述数组进行处理，以在所述画布中生成所述像素坐标对应的多边形。9.根据权利要求1所述的方法，其特征在于，所述方法还包括：
初始化所述画布中的对象，所述对象包括所述地图和/或所述地图中的元素；为所述对象绑定事件，所述事件包括操作和操作对应的效果。10.根据权利要求9所述的方法，其特征在于，所述方法还包括：为所述对象绑定高度信息。11.根据权利要求1至10中任一项所述的方法，其特征在于，所述方法还包括：在所述画布宽度大于所述容器宽度的情况下，根据所述容器宽度和所述画布宽度确定第一缩放比例，根据所述第一缩放比例缩小所述画布；在所述画布高度大于所述容器高度的情况下，根据所述容器高度和所述画布高度确定第二缩放比例，根据所述第二缩放比例缩小所述画布。12.根据权利要求11所述的方法，其特征在于，所...

【专利技术属性】
技术研发人员：郭充，
申请(专利权)人：京东方科技集团股份有限公司，
类型：发明
国别省市：