- 博客(2)
- 收藏
- 关注
原创 高德地图绘制工具全解析:线路、矩形、圆形、多边形绘制与编辑指南 [特殊字符]️✏️
本文基于Vue和高德地图API,详细介绍了四种常见地图图形(线路🛣️、矩形🟦、圆形⭕、多边形🔷)的绘制与编辑实现方案。通过AMap.MouseTool实现图形绘制,支持自定义样式(颜色、透明度、虚线等)和几何计算(长度、面积、周长等)。编辑功能采用AMap.PolyEditor等编辑器,支持节点拖动、形状调整和属性实时更新📊。
2025-08-19 16:15:42
1250
原创 如何实现一个优雅的SVG时间轴组件 - Vue实现与优化指南
本文介绍了使用SVG实现无人机飞行事件时间轴组件的技术方案。对比CSS和Canvas方案后,选择SVG因其声明式语法、灵活控制和良好交互性。实现采用蛇形布局算法动态计算节点坐标,通过<marker>元素绘制连接线箭头,并优化了响应式适配、交互效果和视觉动画。最终方案具有代码简洁、性能优越的特点,支持节点点击、悬停等交互,适用于不同数量的事件节点展示。文章还提供了完整代码实现,为类似时间轴开发提供了参考。
2025-07-11 18:02:26
524
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅