【技术实现步骤摘要】
本专利技术提出了基于vue和地图框的地图前端定义方法和系统，属于地图前端定义。
技术介绍
1、在现有的技术条件下，前端页面实现cad与地理坐标的结合确实存在一定的难度。这主要是由于cad软件的设计初衷并不是为了与地理信息系统(gis)进行集成。传统的cad软件更侧重于二维平面或三维立体的设计和编辑功能，而地理信息系统则更注重于地理数据的展示、分析和应用。
2、要将两者结合起来，需要在技术上实现cad和gis的深度融合。这意味着不仅要在前端页面上实现对cad的打点、编辑等操作，还要确保这些操作与地理坐标系保持一致。这涉及到坐标系的转换、数据的实时更新以及复杂的交互逻辑。
3、此外，由于cad和gis的数据结构、存储方式都有所不同，如何实现两者之间的数据交换和同步也是一个技术挑战。现有的技术可能还无法满足这种高集成度的需求，因此在实际应用中，这种结合的实现难度较大。
技术实现思路
1、本专利技术提供了基于vue和地图框的地图前端定义方法和系统，用以解决现有技术中的结合实现难度较大的问题：
2、基于vue和地图框的地图前端定义方法，所述基于vue和地图框的地图前端定义方法包括：
3、根据用户需求利用工具vue cli创建vue项目和地图框地图容器；
4、在vue项目中引入geojson数据的加载器，并对地图框地图容器的地图框地图进行初始化；
5、在地图框中加载用户所需的地图资源；
6、实时记录用户操作的数
7、进一步地，根据用户需求利用工具vue cli创建vue项目和地图容器，包括：
8、实时监测用户发送的创建指令，并在接收到用户发送的创建指令之后，安装node.js包管理器；
9、在node.js包管理器安全完成之后利用工具vue cli创建vue项目；
10、在所述vue项目的根目录下安装地图框的vue组件；
11、在地图框的vue组件的template部分添加div元素作为地图容器。
12、进一步地，在vue项目中引入geojson数据的加载器，并对地图框地图容器的地图框地图进行初始化，包括：
13、使用topojson或geojson-vt库对geojson数据进行处理，并在在vue项目中引入geojson数据的加载器；
14、在组件中引入地图框的css样式和脚本；
15、在vue组件的mounted钩子函数中，初始化地图框地图。
16、进一步地，在地图框中加载用户所需的地图资源，包括：
17、提取用户所需的地图资源所对应的地图数据；
18、在vue组件的mounted钩子函数中创建地图框实例；
19、在load事件回调中，利用用户提供的地图数据创建自定义图层，并将所述自定义图层加载至所述地图框实例中。
20、进一步地，实时记录用户操作的数据信息，并将所述数据信息判定vue项目响应质量，包括：
21、实时记录每个用户的操作过程中所用指令对应的操作数据信息；
22、将所述操作数据信息及其对应的指令触发时刻和操作执行的响应时刻进行记录，并生成响应日志；
23、根据所述响应日志中的每个用户的指令触发时刻和操作执行的响应时刻生成与所述用户对应的vue项目的响应质量因子；其中，所述响应质量因子通过如下公式获取：
24、
25、
26、其中，e表示响应质量因子；e0表示预设的因子初始值；n表示指令总数量；txi和tci分别表示第i个指令的操作执行的响应时刻和触发时刻；t0表示预设的响应延时阈值；λ表示调整系数；tmax表示用户触发指令到操作执行的最大响应时长；
27、利用每个用户的响应质量因子的变化情况获取每个用户的响应变化因子；其中，所述响应变化因子通过如下公式获取：
28、
29、
30、其中，r表示响应变化因子；k表示用户数量；ei表示第i个用户的响应质量因子；λi表示第i个用户的调整系数；ξi表示第i个用户的补偿整系数；m表示第i个用户获得响应质量因子的个数；ej表示第i个用户的第j个响应质量因子；
31、利用所述每个用户的响应变化因子和响应质量因子获取vue项目的响应质量评价参数，其中，所述响应质量评价参数通过如下公式获取：
32、
33、其中，f表示响应质量评价参数；r表示响应变化因子；ep表示所有用户的响应质量因子平均值；λp表示所有用户的调整系数平均值。
34、基于vue和地图框的地图前端定义系统，所述基于vue和地图框的地图前端定义系统包括：
35、创建执行模块，用于根据用户需求利用工具vue cli创建vue项目和地图框地图容器；
36、初始化模块，用于在vue项目中引入geojson数据的加载器，并对地图框地图容器的地图框地图进行初始化；
37、资源加载模块，用于在地图框中加载用户所需的地图资源；
38、实时记录模块，用于实时记录用户操作的数据信息，并将所述数据信息判定vue项目响应质量。
39、进一步地，所述初始化模块包括：
40、实时监测模块，用于实时监测用户发送的创建指令，并在接收到用户发送的创建指令之后，安装node.js包管理器；
41、创建执行模块，用于在node.js包管理器安全完成之后利用工具vue cli创建vue项目；
42、组件安装模块，用于在所述vue项目的根目录下安装地图框的vue组件；
43、元素添加模块，用于在地图框的vue组件的template部分添加div元素作为地图容器。
44、进一步地，所述初始化模块包括：
45、数据处理模块，用于使用topojson或geojson-vt库对geojson数据进行处理，并在在vue项目中引入geojson数据的加载器；
46、脚本和样式引用模块，用于在组件中引入地图框的css样式和脚本；
47、地图初始化模块，用于在vue组件的mounted钩子函数中，初始化地图框地图。
48、进一步地，所述资源加载模块包括：
49、数据提取模块，用于提取用户所需的地图资源所对应的地图数据；
50、实例创建模块，用于在vue组件的mounted钩子函数中创建地图框实例；
51、图层创建模块，用于在load事件回调中，利用用户提供的地图数据创建自定义图层，并将所述自定义图层加载至所述地图框实例中。
52、进一步地，所述实时记录模块包括：
53、信息实时记录模块，用于实时记录每个用户的操作过程中所用指令对应的操作数据信息；
54、日志生成模块，用于将所述操本文档来自技高网...
【技术保护点】
1.基于vue和地图框的地图前端定义方法，其特征在于，所述基于vue和地图框的地图前端定义方法包括：
2.根据权利要求1所述基于vue和地图框的地图前端定义方法，其特征在于，根据用户需求利用工具Vue CLI创建vue项目和地图容器，包括：
3.根据权利要求1所述基于vue和地图框的地图前端定义方法，其特征在于，在vue项目中引入GeoJSON数据的加载器，并对地图框地图容器的地图框地图进行初始化，包括：
4.根据权利要求1所述基于vue和地图框的地图前端定义方法，其特征在于，在地图框中加载用户所需的地图资源，包括：
5.根据权利要求1所述基于vue和地图框的地图前端定义方法，其特征在于，实时记录用户操作的数据信息，并将所述数据信息判定vue项目响应质量，包括：
6.基于vue和地图框的地图前端定义系统，其特征在于，所述基于vue和地图框的地图前端定义系统包括：
7.根据权利要求6所述基于vue和地图框的地图前端定义系统，其特征在于，所述初始化模块包括：
8.根据权利要求6所述基于vue和地图框的
9.根据权利要求6所述基于vue和地图框的地图前端定义系统，其特征在于，所述资源加载模块包括：
10.根据权利要求6所述基于vue和地图框的地图前端定义系统，其特征在于，所述实时记录模块包括：
...【技术特征摘要】
1.基于vue和地图框的地图前端定义方法，其特征在于，所述基于vue和地图框的地图前端定义方法包括：
2.根据权利要求1所述基于vue和地图框的地图前端定义方法，其特征在于，根据用户需求利用工具vue cli创建vue项目和地图容器，包括：
3.根据权利要求1所述基于vue和地图框的地图前端定义方法，其特征在于，在vue项目中引入geojson数据的加载器，并对地图框地图容器的地图框地图进行初始化，包括：
4.根据权利要求1所述基于vue和地图框的地图前端定义方法，其特征在于，在地图框中加载用户所需的地图资源，包括：
5.根据权利要求1所述基于vue和地图框的地图前端定义方法，...
【专利技术属性】
技术研发人员：兰雨晴，余丹，王丹星，
申请(专利权)人：慧之安信息技术股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。