[发明专利]基于VUE前端开发技术的地图开发方法及装置

说明书

本申请提供一种基于VUE前端开发技术的地图开发方法及装置。该方法包括：创建VUE工程；获取第一代码，所述第一代码用于请求地图JS文件；获取第二代码，以及使用所述第二代码从所述JS文件中获取地图参数，所述第二代码用于从所述JS文件中读取地图参数；获取第三代码，所述第三代码用于基于所述地图参数显示地图，其中，在地图中各工具使用时，所述第三代码包含用于将各工具创建为JS对象的代码；将所述第一代码、所述第二代码、所述地图参数和所述第三代码各自封装为VUE组件后置入所述VUE工程，得到地图VUE工程；基于所述地图VUE工程的运行进行地图开发。本申请的方法可以提高基于VUE前端开发技术进行地图开发的效率。

技术领域

本申请涉及VUE前端开发技术，尤其涉及一种基于VUE前端开发技术的地图开发方法及装置。

背景技术

电子地图(Electronic map)即数字地图，是利用计算机技术，以数字方式存储和查阅的地图。在电子地图的开发中，开发者需要基于各大地图厂商提供的方式(如Web JS开发方式、Android开发方式、IOS开发方式等)来开发和使用电子地图中的功能。除此之外，随着前端技术的发展，VUE前端开发技术由于具有越来越受到开发者的喜爱，基于VUE前端开发技术来进行电子地图开发也成为了一种趋势。

目前，开发者在基于VUE工程(使用VUE进行开发的前端项目工程)开发地图功能时只能通过直接使用JS文件来开发和使用地图功能。然而，VUE前端开发技术主要是基于组件化进行的开发，直接使用JS文件来开发和使用地图的方式与VUE工程的组件化思想存在很大差异，会影响基于VUE前端开发技术进行地图开发的效率。

因此，如何提高基于VUE前端开发技术进行地图开发的效率，仍然是亟待解决的问题。

发明内容

本申请提供一种基于VUE前端开发技术的地图开发方法及装置，用以提高基于VUE前端开发技术进行地图开发的效率。

一方面，本申请提供一种基于VUE前端开发技术的地图开发方法，包括：

创建VUE工程；

获取第一代码，所述第一代码用于请求地图JS文件；

获取第二代码，以及使用所述第二代码从所述JS文件中获取地图参数，所述第二代码用于从所述JS文件中读取地图参数，所述地图参数包括地图图像的显示参数、地图中各工具的显示参数和各工具的使用参数；

获取第三代码，所述第三代码用于基于所述地图参数显示地图，其中，在地图中各工具使用时，所述第三代码包含用于将各工具创建为JS对象的代码；

将所述第一代码、所述第二代码、所述地图参数和所述第三代码各自封装为VUE组件后置入所述VUE工程，得到地图VUE工程；

基于所述地图VUE工程的运行进行地图开发。

可选的，所述获取所述第二代码执行后从所述JS文件中得到的地图参数之后，还包括：

获取VUE参数校验工具；

基于所述VUE参数校验工具校验所述地图参数；

所述将所述地图参数封装为VUE组件后置入所述VUE工程包括：

当所述地图参数校验成功后，将所述地图参数封装为VUE组件后置入所述VUE工程。

可选的，所述将所述地图参数封装为VUE组件后置入所述VUE工程包括：

在封装所述地图参数之前，当所述地图参数更新时，将更新后的所述地图参数封装为VUE组件后置入所述VUE工程。

可选的，所述第一代码在所述VUE工程初始化时执行。

另一方面，本申请提供一种基于VUE前端开发技术的地图开发装置，包括：