标签

技术分享 | 交通数据平台OD期望线交互功能实现指南

发布时间:2026-06-11 08:41来源:微信阅读:2

新加入的朋友可以先查看历史文章:

技术分享 | 交通数据平台搭建基础教程(一)开发工具选型与界面框架构建

技术分享 | 交通数据平台搭建基础教程(二)国内地图加载与样式配置

技术分享 | 交通数据平台搭建基础教程(三)外部地图数据加载及交通小区密度图制作

技术分享 | 交通数据平台搭建基础教程(五)OD期望线专题图制作

本篇教程将讲解OD期望线的两项交互功能:

1、支持鼠标点击选择中心点

利用鼠标点击选取中心点来切换OD图的方式更加直观,更符合人机交互的设计理念。实现该功能的核心命令是:在出发或到达操作时,OD点选择支持鼠标点击地图行政区点位来确定。

经过相应的功能调试,可实现以下效果:

2、添加弦图联动效果

除了使用地图方式展示OD数据外,还可以通过弦图来呈现OD对之间的关系,弦图的优势在于虽然舍弃了地理空间信息,但OD对关系及相关数据展示更加直观、更加清晰。

实现该功能的核心命令是:

(1)在地图上添加一个弦图图表,该图表需支持移动、放大、缩小、折叠等操作。

(2)弦图图表数据