求WEB程序中绘图问题

Question

客户要求必须B/S结构软件。遇到的一个问题是绘图，先看简化了的示意图：
1、首先是图形的生成。
这几条线段组成的图形就是铁路的线路网，简化了而已。上边的圆点是各个大小车站（或车间之类的）。每个点有一台电脑录入每天的数据。在这个图上能够直观的显示出各个站点是否录入（以圆圈颜色或其他方式进行状态区分），点击小圆圈可以查看录入的详细内容。
如何生成这么一个图，这个很关键。2、另一个难点是，这些站点不是完全固定的，因为经常会有站点关闭、或启用，希望能有简单的方式，在后台增加一个站点，图上就相应的显示这个站点的圆圈。比方说线段A现有四个站点：A1、A2、A3、A4，如果要在A3和A4中加入站点A35，则管理员在后台简单操作即可在图形界面上插入新的A35的图标。请问各位高手有没有好办法实现？C/S的程序员都说可以实现，但是客户只要B/S的。多谢！

Answer 1

从原理上讲，就是这个在浏览器中所谓的“图片”能与用户交互，也就是能够接受用户输入信息并给予响应，这个响应主要包括图片的适时变化，这个东西从底层做可能不太容易，肯定有已存在的组件来帮助完成这些功能，因为功能相对抽象化，是图的响应交互，我不清楚extjs行不行

Answer 2

没看到图。但仅从楼主的叙述来看，如果整个显示区域不需要缩小放大这样的操作（其实也能实现，就是麻烦些，你得对空间几何掌握比较好），这个需求也很容易实现，都不需要GMAP，也不需要VML,SVG，CANVAS，只需要很简单的DIV+CSS定位+站点图标文件+AJAX实时刷新就可以了。AJAX实时刷新数据，这个不用多说，不会去学专门的教程。DIV+CSS定位++站点图标文件，如果你对前台有一定了解，这个也一听就明白。所以，就看你对这些知识了不了解，不了解的话，不是别人几句话能教明白的。找专项的人做，或者自己去学。

Answer 3

如果用GMAP的话，了解了API用法，当然更省事，背景图和缩放拖拽都不用管了。
按照一般的GMAP教程学完了，再加上AJAX实时刷新的功能，这个就可以了。