一种手绘地图的加载方法技术

本发明专利技术涉及一种手绘地图的加载方法

【技术实现步骤摘要】
一种手绘地图的加载方法、介质及设备


[0001]本专利技术涉及地图领域，具体涉及一种手绘地图的加载方法
、
介质及设备
。

技术介绍

[0002]手绘电子地图，即对某一具体地理位置的地图进行手绘，再将手绘地图覆盖到实际使用的地图上，通过电子方式对手绘地图进行渲染并展示的地图，具体的，手绘电子地图具体应用在智慧导览等方面，其使用方式为通过用户端在手机或其他终端中利用小程序打开手绘电子地图，用户可以根据需要进行放大
、
移动等操作，便于提升使用观感
。
[0003]现有技术中，可以利用
h5
结合高德地图，腾讯地图，百度地图的
api
，将其对应的瓦片地图进行手绘地图贴图，最后使用
Web view
嵌入小程序中实现手绘地图的渲染与加载；还可以通过微信小程序中关于
map
组件的个性化地图服务完成，或者，通过微信小程序提供的自定义图片图层渲染技术
addGroundOverlay
对手绘地图进行渲染获得；还可以通过支付宝中的地图组件
ground
‑
overlays
对手绘地图进行渲染获得
。
[0004]上述方案存在的问题是：
Web view
由于同层渲染的兼容问题和相互之间传递数据无法及时响应，则需要建立地图相关的人机交互，数据请求移动至
web
端，并且小程序提供的部分交互效果，在
web<br/>端无法使用，后期的模拟也难以达到与小程序一般的交互效果，整个渲染过程受限；微信小程序使用个性化地图服务需要依托腾讯地图，并且申请工单耗时长，每次更换手绘图都需要长时间的审核，效率低；使用
addGroundOverlay(
微信
)
和
ground
‑
overlays(
支付宝
)
的地图插件进行手绘地图的渲染都面临相同的一个问题，即如果手绘图的质量过大
(
手绘地图质量超过
300KB)
，会导致在部分性能较差的
android
手机上无法正常显示出手绘地图
。

技术实现思路

[0005]鉴于上述问题，本专利技术提供了一种手绘地图的加载方法
、
介质及设备，解决了现有的微信
/
支付宝的地图插件加载手绘地图程序中若手绘地图质量过大将无法正常显示的问题
。
[0006]为实现上述目的，在第一方面，本专利技术提供了一种手绘地图的加载方法，适用于服务端，方法包括：
[0007]获取初始图像信息，初始图像信息包括参考坐标组
、
换算比例尺以及初始图像，参考坐标组包括第一参考坐标，初始图像为手绘地图，换算比例尺为手绘地图与实际地貌之间的换算比例，第一参考坐标为经纬坐标；
[0008]利用图像处理模块对初始图像进行切片，获得残片图像组，残片图像组中包括第一残片图像以及第二残片图像，第一残片图像与第二残片图像的数据大小均置于预设数据尺寸范围内；
[0009]获取第一残片图像对应的第一位置信息，根据换算比例尺
、
第一位置信息与第一参考坐标的相对位置关系换算得出第一残片图像的第一地理坐标，第一位置信息为第一残
片图像在初始图像中的位置；以及
[0010]获取第二残片图像对应的第二位置信息，根据换算比例尺
、
第二位置信息与第一参考坐标的相对位置关系换算得出第二残片图像的第二地理坐标，第二位置信息为第二残片图像在初始图像中的位置；
[0011]将第一残片图像与第一地理坐标
、
第二残片图像与第二地理坐标映射存储，获得残片图像集合；
[0012]将残片图像集合以及初始图像信息写入配置文件；
[0013]将配置文件发送至用户端
。
[0014]在一些实施例中，利用图像处理模块对初始图像进行切片，获得残片图像组包括：
[0015]对初始图像沿预设方向进行预切片处理，生成初始图像的切片策略，根据切片策略对初始图像进行切片，预设方向被配置为与第一参考坐标在初始图像上的方位相对应
。
[0016]在一些实施例中，对初始图像进行预切片处理，生成初始图像的切片策略包括：
[0017]对初始图像沿预设方向进行一级预切片，获得一级预切片组，一级预切片组包括至少一个一级预切片图像；
[0018]判断一级预切片图像的数据大小是否置于预设数据尺寸范围内，若否，则将一级预切片图像存储至一级待切片集合中，直至遍历一级预切片组；
[0019]将一级待切片集合中的一级预切片进行二级预切片，获得二级预切片组，二级预切片组包括至少两个二级预切片图像；
[0020]判断二级预切片图像的数据大小是否置于预设数据尺寸范围内，若否，则将二级预切片图像存储至二级待切片集合中，直至遍历二级预切片组；
[0021]重复上述执行步骤直至全部预切片图像的数据大小置于预设数据尺寸范围内，并记录预切片处理的全部执行步骤，生成切片策略
。
[0022]在一些实施例中，第一残片图像被配置为初始图像沿预设方向进行切片后获得的含有第一参考坐标的残片图像
。
[0023]在一些实施例中，参考坐标组还包括第二参考坐标，第二参考坐标通过第一参考坐标以及第二残片图像在初始图像上的方位换算获得
。
[0024]在一些实施例中，图像处理模块为
Node.js
的
sharp
模块
。
[0025]在第二方面，本专利技术还提供一种手绘地图的加载方法，适用于用户端，方法包括：
[0026]获取服务端发送的配置文件，配置文件为第一方面所述的方法获得的配置文件；
[0027]将初始图像信息中的初始图像进行加载并展示，以及，对第一残片图像进行渲染，对第二残片图像进行渲染；
[0028]根据第一地理坐标
、
第二地理坐标将渲染完成的第一残片图像以及第二残片图像拼合形成最终图像；
[0029]将初始图像替换成最终图像并展示
。
[0030]在一些实施例中，根据第一地理坐标对第一残片图像进行渲染，根据第二地理坐标对第二残片图像进行渲染包括：
[0031]利用检测模块对第一残片图像的渲染数据进行监听，若第一残片图像渲染失败，则重新对第一残片图像进行渲染；
[0032]和
/
或，利用检测模块对第二残片图像的渲染数据进行监听，若第二残片图像渲染
失败，则重新对第二残片图像进行渲染
。
[0033]在第三方面，本专利技术还提供一种计算机可读存储介质，其上存储计算机程序指令，所述计算机程序指令在被处理器执行时实现在第一方面所述的方法
。...

【技术保护点】

【技术特征摘要】
1.
一种手绘地图的加载方法，适用于服务端，其特征在于，所述方法包括：获取初始图像信息，所述初始图像信息包括参考坐标组
、
换算比例尺以及初始图像，所述参考坐标组包括第一参考坐标，所述初始图像为手绘地图，所述换算比例尺为所述手绘地图与实际地貌之间的换算比例，所述第一参考坐标为经纬坐标；利用图像处理模块对所述初始图像进行切片，获得残片图像组，所述残片图像组中包括第一残片图像以及第二残片图像，所述第一残片图像与所述第二残片图像的数据大小均置于预设数据尺寸范围内；获取第一残片图像对应的第一位置信息，根据所述换算比例尺
、
所述第一位置信息与所述第一参考坐标的相对位置关系换算得出所述第一残片图像的第一地理坐标，所述第一位置信息为所述第一残片图像在所述初始图像中的位置；以及获取第二残片图像对应的第二位置信息，根据所述换算比例尺
、
所述第二位置信息与所述第一参考坐标的相对位置关系换算得出所述第二残片图像的第二地理坐标，所述第二位置信息为所述第二残片图像在所述初始图像中的位置；将所述第一残片图像与第一地理坐标
、
所述第二残片图像与第二地理坐标映射存储，获得残片图像集合；将所述残片图像集合以及所述初始图像信息写入配置文件；将所述配置文件发送至用户端
。2.
根据权利要求1所述的手绘地图的加载方法，其特征在于，利用图像处理模块对所述初始图像进行切片，获得残片图像组包括：对所述初始图像沿预设方向进行预切片处理，生成所述初始图像的切片策略，根据所述切片策略对所述初始图像进行切片，所述预设方向被配置为与所述第一参考坐标在所述初始图像上的方位相对应
。3.
根据权利要求2所述的手绘地图的加载方法，其特征在于，对所述初始图像进行预切片处理，生成所述初始图像的切片策略包括：对所述初始图像沿预设方向进行一级预切片，获得一级预切片组，所述一级预切片组包括至少一个一级预切片图像；判断所述一级预切片图像的数据大小是否置于预设数据尺寸范围内，若否，则将所述一级预切片图像存储至一级待切片集合中，直至遍历所述一级预切片组；将所述一级待切片集合中的所述一级预切片进行二级预切片，获得二级预切片组，所述二级预切片组包括至少两个二级预切片图像；判断所述二级预切片图像的数据大小是否置于预设数据尺寸范围内，若否，则将所述二级预切片图...

【专利技术属性】
技术研发人员：林忠兴，陈平，黄文挥，林志庆，陈光腾，
申请(专利权)人：福建九天达信息科技股份有限公司，
类型：发明
国别省市：