功能需求:
- 数据图层叠加;
- 轨迹查询显示;
- 港口起始点可点击显示弹窗;
- 复位功能;
- 根据选择的时间段查询船舶行驶的轨迹;
- 船舶行驶的港口列表,下拉数据刷新、上拉数据列表分页加载;
技术栈:
vue、vant-ui、天地图、Openlayers
实现效果:


该博客介绍了如何使用Vue、vant-ui、天地图以及Openlayers来实现一系列地图功能,包括数据图层叠加、轨迹查询、点击事件触发信息弹窗、复位功能以及列表的加载刷新。技术栈主要包括Vue.js进行前端开发, vant-ui 提供UI组件,天地图用于地图服务,而Openlayers用于地图交互和轨迹展示。博客内容详细展示了各个功能的代码实现。
- 数据图层叠加;
- 轨迹查询显示;
- 港口起始点可点击显示弹窗;
- 复位功能;
- 根据选择的时间段查询船舶行驶的轨迹;
- 船舶行驶的港口列表,下拉数据刷新、上拉数据列表分页加载;
vue、vant-ui、天地图、Openlayers

