本发明涉及一种基于Web的地震底图与剖面联动方法。具体地说，涉及到运用浏览器HTML5、WebGL技术来绘制地震的底图和剖面曲线，在底图页面上绘制工区、层位的曲线图形，用户可以在底图页面上横着或竖着切片；在剖面页面上根据用户横切或竖切的相关数据，查询数据库获取相关数据，绘制剖面的曲线图形；用户可以在剖面页面的曲线图形上绘制图形；底图页面根据用户在剖面页面绘制的图形数据，在底图页面上显示层位曲线图；底图页面和剖面页面根据浏览器本地localStorage技术实现数据共享、监听数值变化，并根据用户的操作，实现联动绘制底图和剖面曲线图形。