[发明专利]基于VUE在地图上展示自定义图层的方法和设备

说明书

本申请公开了一种基于VUE在地图上展示自定义图层的方法和设备，包括：进行地图初始化时，设置需要加载的所有对象的基本信息；需要展示对象卡片时，向web发送获取对象卡片实例的请求；web动态创建VUE实例，并将对象卡片实例返回地图图层；其中，所述对象卡片实例为dom节点；地图图层根据web返回的dom节点进行绘制，展示对应的对象卡片，将dom挂载到地图上。应用本申请公开的技术方案，能够节省内存资源。

技术领域

本申请涉及计算机应用技术领域，特别涉及一种基于VUE在地图上展示自定义图层的方法和设备。

背景技术

在地图应用程序(APP)上可以展示各种对象(人、车、摄像头等)，不同的对象在地图上展示不同的样式，并且对象存在如下各种状态：

1、不同的地图缩放级别，对象需要展示不同的对象卡片(样式)；

2、对象在不同的业务下存在不同的状态，并需要展示不同的对象卡片(样式)；

3、不同的用户操作下(鼠标单击、双击、拖动等)，对象需要展示不同的对象卡片(样式)。

目前，大部分的自定义图层实现都是在图层初始化时将所有的对象卡片全部加载到图层上，当需要对对象卡片上的数据进行更新时，需要调用地图接口来实现更新。

根据现有技术，对象以图片的形式在地图上展示，这种方式存在以下问题：

1、难以做到展示样式的丰富性；

2、只能提供一个图片点击事件，不能提供更多用户交互事件，交互性较差；

3、更新对象属性数据时需要通过地图接口进行更新，这将导致地图数据的重新计算，性能低下；

4、基于第三方地图进行开发时，业务开发不能做到界面自定义，研发和维护成本高。

发明内容

本申请提供了一种基于VUE在地图上展示自定义图层的方法，以节省内存资源。

本申请公开了一种基于可视用户环境VUE在地图上展示自定义图层的方法，包括：

进行地图初始化时，设置需要加载的所有对象的基本信息；

需要展示对象卡片时，向web发送获取对象卡片实例的请求；

web动态创建VUE实例，并将对象卡片实例返回地图图层；其中，所述对象卡片实例为dom节点；

地图图层根据web返回的dom节点进行绘制，展示对应的对象卡片，将dom挂载到地图上。

较佳的，该方法还包括：

将不同的对象卡片抽象为不同的VUE组件，不同的VUE组件分别实现各自的业务功能。

较佳的，将对象卡片共有的功能抽象到一个父对象卡片中，所有的对象卡片在动态创建时都继承自所述父对象卡片。

较佳的，该方法还包括：

通过定时器定时清理不在地图上绘制的对象卡片。

较佳的，所述通过定时器定时清理不在地图上绘制的对象卡片具体包括：

在创建对象卡片的VUE实例时，为所有的对象卡片分别分配唯一标识，并将对象卡片的VUE实例保存到内存中；

设置一定时器，在定时器到时时，遍历内存中的所保存的VUE实例，对地图中没有找到的对象卡片的VUE实例进行标记；

在定时器下一次到时，再次遍历内存中的VUE实例时，如果已被标记的对象卡片仍然没有在地图中，则将所述对象卡片的VUE实例从内存中清除。