java - 在浏览器上以图形方式显示路径/路线

Question

我正在尝试在浏览器上以图形方式显示路径/路线以供客户查看。例如，基于 txt 或 XML 文件，包含说明。

<route>
  <forward>4</forward>
  <left>90</left>
  <forward>5</forward>
  <left>90</left>
  <forward>2</forward>
</route>

或

F4,L90,F5,L90,F2

相当于一个简单的 txt 文件。

在此示例中，路线是向前移动 4 个单位，左转 90 度，再次向前移动 5 个单位，左转 90 度，最后向前移动 2 个单位。

类似这样的事情。箭头不一定要在那里，我只是为了清楚方向而画了它们。如果我可以动态更改图像，例如能够显示正在遵循该路线的车辆，甚至可能在车辆已遵循并完成部分路线时将路线颜色更改为绿色，那就更好了。

我正在考虑使用 Tomcat 与 java 和 jsp 与 javascript 来完成此操作，但如果有更简单的替代方案，我不介意。有没有什么工具可以在我的案例中使用？我以前没有做过任何类似的事情，所以请帮忙!

Answer 1

1. 学习如何阅读 .xml文件至jsp通过java - 谷歌搜索MVC模式，将数据对象返回到 jsp页面

2. 了解如何使用 <canvas> 绘制箭头:see good reference