在今天的教程中,费老师我将为大家展示如何通过纯编程的方式,开发出一个在线地图应用,使得我们可以在在线地图上交互式地绘制一个个的地理围栏,并为其逐一添加相关属性字段,最后一键导出为常用的格式文件,非常地简单快捷,下面的视频展示了这个应用的使用方式:
而我是如何只用就开发出这样功能丰富的网页应用的呢,下面我就来给大家详细介绍:
1 环境准备&应用启动
首先我们来创建应用的虚拟开发环境,建议使用,命令如下:
创建虚拟环境并激活
安装相关依赖
完成环境的创建和激活后,我们需要安装运行该应用所需的一些必要依赖,直接把下列命令整体粘贴到终端执行,然后耐心等待完成即可:
2 关键功能的构建
只写开发这样的应用,我们在底层框架的基础上,使用到由费老师我开源维护的通用组件库(简称,最新版本,目前下载安装量已超过5万次):
以及同样由我开源并维护的地图功能组件库(简称,目前处于早期测试阶段,最新版本):
在这两大组件库的加持下,我们只需要编写十分简单易懂的代码即可实现丰富功能,譬如我们的应用中,地图部分的全部功能,仅需要下面这一点代码即可构建:
而我们虽然是在高德地图(火星坐标系)的底图上绘制的矢量,但通过我在中额外开发的数据转换方法,即可一步到位实现面要素输出为坐标系的功能,因此前面演示视频最后我们在里可以看到,底图上叠加的导出矢量结果位置没有发生偏移:
领取专属 10元无门槛券
私享最新 技术干货