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

我试图在浏览器上以图形方式显示路径/路线，以便客户端查看。例如，基于txt或XML文件，将包含方向

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

对于一个简单的txt文件等效

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

像这样的。箭头不一定要在那里，我只是为了清晰的方向画上它们。如果我能够动态地改变图像，比如能够显示沿着这条路线行驶的车辆，甚至当车辆已经沿着并完成了部分路线时，可能会将路线颜色更改为绿色，那就更好了

我正在考虑将Tomcat与java结合使用，将jsp与javascript结合使用来实现这一点，但如果有更简单的替代方案，我不会介意。有什么工具可以用在我的箱子里吗？我以前没有做过类似的事情，所以请帮忙

了解如何通过

java

-googlesearch

MVC

模式将

.xml

文件读取到

jsp

，将数据对象返回到

jsp

页面

了解如何使用

绘制箭头：

---

通过使用

svg路径

可以绘制线条

F4,L90,F5,L90,F2