基于HTML5的北京地铁图示例

sam 发表于 2017年5月10日 & 归档在 HTML5, 地图.

最近又有客户提到地铁图，高速路线图的需求，本质上只是基本的线条和点，重点是要有坐标数据，我从北京地铁官网找到了路线的xml数据，于是就做了个简单的示例，以供参考

在线演示：

http://map.qunee.com/beijing_subway.html

数据来源为：http://www.bjsubway.com/subwaymap/station_map.html

因为代码非常简单，只有一百来行，所以这里就不多赘述，直接访问在线示例，查看源码即可

北京地铁图-html5_代码

 

3 回复 给 “基于HTML5的北京地铁图示例”

1. 

   PHP程序员雷雪松

   很强大的 代码！

   七月 4th, 2017 回复
2. 

   时代发

   你们的文档有问题么？？？？？？
   花这么大力气去编辑组图，竟然用不到导出json，几个意思？
   this.graph.exportJSON is not a function

   八月 17th, 2018 回复
   • 

     admin

     如要引入JSONSerializer.js 就可以导出json了

     < !DOCTYPE html>



     
     
     

     





     八月 17th, 2018 回复