SVG格式方便及时更新铁路线路

来源:百度文库 编辑:超级军网 时间:2024/04/28 21:35:00
SVG是基于XML用于描述矢量图形的开放标准。优点:XML文本格式,易于交流,修改,可动态生成具有交互功能的地图,任意放缩。得到Mozilla、Firefox 、Opera、IE9以及新一代智能手机的广泛支持,只有老版本IE上还需要象支持FLASH那样下载安装插件。普遍选择的是Adobe公司免费提供的 SVG Viewer插件:www.adobe.com/svg/viewer/install

掌握SVG不难,通常的知识只要勤于百度很容易获得。

为方便及时更新铁路线路,没有现成好用的软件,就百度找资料。最后贡献给大家这个解决方案,是一个思路,而不仅仅是一幅地图。

我认为还是比较理想的:
一,方便交流,开放标准,无需安装学习专业软件。
二,门槛低,便于掌握。
如果只需要画图的话,svg提供6种基本图形:
<line x1="start-x" y1="start-y" x2="end-x" y2="end-y"/>  画一条从(x1,y1)到(x2,y2)的直线
<rect x="left-x" y="top-y" width="w" height="h"/> 画一个矩形,左上角在(x,y),宽width,高height
<circle cx="center-x" cy="center-y" r="radius"/> 画一个圆,圆心(cx,cy)半径为r
<ellipse cx="center-x" cy="center-y" rx="x-radius" ry="y-radius"/> 画一个椭圆
<polygon points="points-specifications"/> 画一个经过所有定义点的封闭图形
<polyline points="points-specifications"/> 画一条经过定义点的折线

其实掌握标签:<path d=“M..[l/h/v/c/s/q/t/a]..[z]”/>就可以画出任意线条了,包括以上基本图形。
M = 移动到
L = 画直线
H =水平线(只需要提供X)
V = 垂直线(只需要提供y)
C = curveto 曲线
Z = 连接起点
参数大写表示绝对值,小写相对前一点偏移值。
后续多组x y如果保持画线种类(参数)未变,可省略。

想要实现交互,就进一步了解些javascript,认识DOM树状模型。入门不难。

最简单的例子:
  1. <svg xmlns="http://www.w3.org/2000/svg">
  2. <path d="M33 33 L222 222 444 44"/>
  3. </svg>
复制代码
SVG编写完成,复制到文本文件中,改名1.svg,用浏览器运行,应该可以看到一个三角形黑块。这表明你的浏览器支持SVG。
再来个稍微复杂点的:
  1. <svg xmlns="http://www.w3.org/2000/svg">
  2. <path d="M33 33 L222 222 444 44"/>
  3. <text id="mmgm" x="222" y="55" fill="red" font-size="40">SVG 中国地图</text>
  4. </svg>
复制代码
同样复制,改名,双击运行,怎么这次不能完全显示呢?呵呵,最后一个小麻烦:内码。要支持汉字,需要把SVG文档转换为UTF-8。只要存盘时点“另存为”,弹出窗口下方选择代码页里面选择就可以了。
SVG是基于XML用于描述矢量图形的开放标准。优点:XML文本格式,易于交流,修改,可动态生成具有交互功能的地图,任意放缩。得到Mozilla、Firefox 、Opera、IE9以及新一代智能手机的广泛支持,只有老版本IE上还需要象支持FLASH那样下载安装插件。普遍选择的是Adobe公司免费提供的 SVG Viewer插件:www.adobe.com/svg/viewer/install 。

掌握SVG不难,通常的知识只要勤于百度很容易获得。

为方便及时更新铁路线路,没有现成好用的软件,就百度找资料。最后贡献给大家这个解决方案,是一个思路,而不仅仅是一幅地图。

我认为还是比较理想的:
一,方便交流,开放标准,无需安装学习专业软件。
二,门槛低,便于掌握。
如果只需要画图的话,svg提供6种基本图形:
<line x1="start-x" y1="start-y" x2="end-x" y2="end-y"/>  画一条从(x1,y1)到(x2,y2)的直线
<rect x="left-x" y="top-y" width="w" height="h"/> 画一个矩形,左上角在(x,y),宽width,高height
<circle cx="center-x" cy="center-y" r="radius"/> 画一个圆,圆心(cx,cy)半径为r
<ellipse cx="center-x" cy="center-y" rx="x-radius" ry="y-radius"/> 画一个椭圆
<polygon points="points-specifications"/> 画一个经过所有定义点的封闭图形
<polyline points="points-specifications"/> 画一条经过定义点的折线

其实掌握标签:<path d=“M..[l/h/v/c/s/q/t/a]..[z]”/>就可以画出任意线条了,包括以上基本图形。
M = 移动到
L = 画直线
H =水平线(只需要提供X)
V = 垂直线(只需要提供y)
C = curveto 曲线
Z = 连接起点
参数大写表示绝对值,小写相对前一点偏移值。
后续多组x y如果保持画线种类(参数)未变,可省略。

想要实现交互,就进一步了解些javascript,认识DOM树状模型。入门不难。

最简单的例子:
  1. <svg xmlns="http://www.w3.org/2000/svg">
  2. <path d="M33 33 L222 222 444 44"/>
  3. </svg>
复制代码SVG编写完成,复制到文本文件中,改名1.svg,用浏览器运行,应该可以看到一个三角形黑块。这表明你的浏览器支持SVG。
再来个稍微复杂点的:
  1. <svg xmlns="http://www.w3.org/2000/svg">
  2. <path d="M33 33 L222 222 444 44"/>
  3. <text id="mmgm" x="222" y="55" fill="red" font-size="40">SVG 中国地图</text>
  4. </svg>
复制代码同样复制,改名,双击运行,怎么这次不能完全显示呢?呵呵,最后一个小麻烦:内码。要支持汉字,需要把SVG文档转换为UTF-8。只要存盘时点“另存为”,弹出窗口下方选择代码页里面选择就可以了。
复制代码FF 4.0.1验证可运行
IE8+ SVG Viewer插件 需要在getCTM().e和getCTM().f两处后面添加/z。


这里是我收集的铁路线路图,为了简便,只保留了最基础的部分:
  1. <svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="1024" height="760" onload="init()" onmouseup="f=0;" onzoom="fsize(f)">

  2. <script type="text/javascript"><![CDATA[var x=y=f=m=n=0,w=512,h=380,zoom=1,z=4;
  3. function $(d){return document.getElementById(d);}
  4. function init(){s=$("T");p=$("P");g=$("mmgm");
  5. document.rootElement.setAttribute("viewBox","0 0 "+w*8/zoom+" "+h*8/zoom);
  6. for(var m=0;m<3;m++){var city=document.getElementsByTagName("city").item(m).firstChild.nodeValue.split(" ");
  7. for(var i=0;i<city.length;i++){var v=city[i].split(",");
  8. gg=document.createElementNS("http://www.w3.org/2000/svg","text");
  9. gg.appendChild(document.createTextNode(v[0]));
  10. g.appendChild(gg);gg.setAttribute("id",v[0]);
  11. gg.setAttribute("x",v[1]);gg.setAttribute("y",-1*v[2]);}}
  12. city=document.getElementsByTagName("way").item(0).firstChild.nodeValue.split("\n");
  13. for(var i=1;i<city.length-1;i++){var v=city[i].split("\"),c=v[1].split(" ");
  14. for(var j=0;j<c.length;j++)if(c[j]){cc=c[j].split("-");v[2]="M";for(var m=0;m<cc.length;m++)
  15. if(cc[m]){n=$(cc[m]);
  16. if(n){n.setAttribute("next",n.getAttribute("next")+(m?" "+cc[m-1]:'')+(cc[m+1]?" "+cc[m+1]:''));
  17. v[2]+=" "+n.getAttribute("x")+" "+n.getAttribute("y");}else prompt(cc[m]);}
  18. gg=document.createElementNS("http://www.w3.org/2000/svg","path");
  19. $(v[0]).appendChild(gg);gg.setAttribute("id",c[j]);gg.setAttribute("d",v[2]);
  20. }}}

  21. function to(evt){g.setAttribute("transform", "translate("+(evt.clientX*z/zoom-x)+","+(evt.clientY*z/zoom+y)+")");}
  22. function go(evt){f=1;m=g.getCTM().e;n=g.getCTM().f;x=(evt.clientX/zoom-m)*z;y=(n-evt.clientY/zoom)*z;
  23. s.firstChild.nodeValue=evt.target.id+" 东经:"+x/100+"北纬:"+y/100;
  24. s.setAttribute("x", (x+8));s.setAttribute("y", (-20*z-y));
  25. window.url=s.firstChild.nodeValue;
  26. if(evt.detail==2){fsize(2);}}

  27. function fsize(d){if(d)document.rootElement.currentScale*=d;
  28. z=4/document.rootElement.currentScale;s.setAttribute("font-size", 26*z+"px");
  29. document.rootElement.currentTranslate.x=0;document.rootElement.currentTranslate.y=0;}
  30. ]]></script>
  31. <g id="mmgm" transform="translate(-9000,4500)" onmousedown="go(evt)" onmousemove="if(f)to(evt)" style="fill:red;font-size:8px;text-anchor:middle;">
  32. <image width="36000" height="18000" opacity="0.3" x="-18000" y="-9000" xlink:href="-DEM.jpg"/>
  33. <text id="T" font-size="80px">+</text>

  34. <g id="铁路" style="fill:none;stroke:grey;stroke-width:2;">
  35. <g id="高铁" style="stroke:green;stroke-width:4;">
  36. <g id="350" style="stroke:red;stroke-width:8;"></g>
  37. <g id="250" style="stroke:blue;stroke-width:4;"/></g>
  38. <g id="规划" style="stroke:orange;stroke-width:2;stroke-dasharray:33,33;">
  39. <g id="预研" style="stroke:pink;stroke-width:2;"/></g>
  40. <g id="立项" style="stroke:green;stroke-width:3;stroke-dasharray:9,9;">
  41. <g id="在建" style="stroke:blue;"/></g></g></g>
  42. <city>阿克塞,9436,3964 阿克苏,8025,4117 阿拉山口,8256,4516 阿勒泰,8813,4784 阿里,8010,3280 安多,9166,3227 安顺,10592,2624 八一镇,9435,2967 巴里坤,9300,4359 巴中,10676,3185 霸州,11639,3910 白城,12283,4561 白山镇,12724,4275 白音胡硕,12143,4504 白音茫来,11248,4423 白银库伦,11614,4327 白云鄂博,10998,4180 百色,10661,2390 蚌埠,11733,3294 包头,10980,4065 宝鸡,10714,3438 宝清,13219,4632 北安,12651,4823 北海,10911,2147 北京,11630,3960 北票南,12082,4171 北屯,8780,4736 贲红,11326,4131 本溪,12376,4130 毕节,10528,2730 博兴,11812,3713 曹妃甸,11844,3908 策克,10115,4232 岑巩,10873,2721 茶陵,11354,2678 柴达尔,10043,3760 长春,12535,4386 长岛,12073,3792 长沙,11296,2819 长兴,11989,3101 长治,11310,3619 常德,11168,2903 常山,11850,2889 巢湖,11776,3164 朝阳,12045,4157 潮中,12138,5092 郴州,11302,2581 成都,10407,3066 承德,11792,4096 池州,11748,3064 赤峰,11895,4226 磁窑,11711,3590 达州,10745,3122 大坝,10594,3803 大板,11866,4351 大家洼,11897,3713 大理,10022,2558 大连,12157,3894 大庆,12501,4659 大同,11359,4003 大亚湾,11450,2254 丹东,12435,4010 镇江,11956,3199 当雄,9109,3048 德保,10660,2333 德令哈,9736,3736 德州,11627,3744 定边,10758,3759 东方,10863,1909 东方红,13310,4621 东风航天城,10000,4073 东宁,13111,4404 东胜,10999,3981 东莞,11373,2304 东乌旗,11698,4545 东营,11877,3745 都江堰,10361,3100 都匀,10751,2626 堆龙德庆,9095,2966 敦化,12822,4336 敦煌,9466,4013 多伦,11647,4218 峨眉山,10348,2960 海神矿,11657,4526 二连浩特,11196,4365 防城港,10835,2176 分宜,11467,2781 丰镇,11314,4044 凤城,12406,4045 福利屯,13114,4673 福州,11929,2607 抚远,13429,4836 阜阳,11582,3290 富裕,12444,4778 富蕴,8952,4699 甘其毛都,10758,4241 甘塘镇,10452,3747 赣州,11493,2585 南康,11480,2562 高雄,12027,2261 格尔木,9489,3641 公乌素,10692,3935 贡嘎,9098,2928 古莲,12208,5275 古窑子,10663,3810 广元,10581,3244 广州,11326,2311 肇庆,11292,2320 贵阳,10670,2657 桂林,11028,2528 郭尔奔敖包,11248,4307 哈达铺,10423,3423 哈尔滨,12662,4575 哈尔盖,10042,3719 哈密,9351,4281 海安,12045,3254 海城,12274,4085 海口,11034,2003 海拉尔,11971,4922 珠恩嘎达布奇,11644,4577 韩家园,12583,5208 杭州,12016,3025 合肥,11727,3186 合浦,10919,2167 何家堡,12489,4047 和田,7991,3711 河池,10805,2469 河津,11070,3558 河口,10395,2251 菏泽,11543,3523 鹤壁,11416,3589 鹤岗,13027,4732 黑河,12747,5024 黑山,12210,4168 横峰,11760,2842 衡水,11569,3772 衡阳,11261,2690 红果,10448,2571 神木西,10983,3905 红其拉甫,7543,3685 红兴隆,13160,4673 介休,11185,3700 侯马,11135,3561 呼和浩特,11168,4080 上高,11493,2822 葫芦岛,12084,4074 桦南,13052,4621 怀化,10994,2755 怀来,11553,4039 怀柔,11662,4031 淮安,11901,3361 淮南,11698,3263 黄岛,12023,3604 黄骅,11735,3836 黄骅港,11792,3832 黄山,11831,2972 珲春,13035,4286 辉南,12603,4268 惠州,11439,2309 霍尔果斯,8049,4424 霍林河,11964,4553 鸡西,13097,4528 绩溪,11858,3007 吉安,11496,2700 吉林,12656,4385 吉隆坡,10170,313 集安,12618,4112 集宁,11309,4103 济南,11696,3665 济源,11258,3508 加德满都,8533,2766 加格达奇,12411,5042 佳木斯,13036,4679 嘉义,12043,2348 嘉峪关,9832,3979 建平,11964,4140 将军庙,8998,4460 胶州,12000,3628 蛟河,12734,4371 大安,12420,4568 金华,11964,2910 金泉,10849,4155 金山,12115,3090 金州,12171,3909 锦州,12114,4111 京唐港,11902,3922 荆门,11219,3103 精河,8288,4460 井冈山,11415,2656 景德镇,11711,2919 靖宇,12680,4239 天津西,11670,3905 静游,11185,3816 镜铁山,9795,3933 九江,11598,2972 喀什,7598,3946 开原,12403,4253 凯里,10797,2658 康定,10195,3005 岢岚,11156,3869 克拉玛依,8500,4559 库尔勒,8613,4175 灌水,12457,4087 奎屯,8489,4442 昆明,10270,2505 莱芜,11766,3619 兰州,10375,3606 朗县,9309,2904 陶赖昭,12596,4488 老黑山,13088,4656 乐坝,10669,3227 雷州,11008,2090 黎塘,10914,2320 醴陵,11349,2766 丽江,10024,2687 利川,10877,3026 连云港,11916,3459 辽阳,12317,4126 辽源,12513,4290 聊城,11597,3644 林口,13026,4527 林芝,9500,2996 林芝县,9448,2957 临河,10742,4073 临沂,11833,3505 临淄,11831,3681 灵丘,11422,3943 柳沟,9644,4068 柳林,11087,3743 柳园,9551,4112 柳州,10940,2431 六安,11648,3174 六盘水,10487,2657 龙川,11525,2409 龙口,12036,3767 龙岩,11703,2510 隆昌,10527,2934 隆化,11772,4131 芦潮港,12187,3088 泸州,10544,2888 滦南,11868,3950 罗布泊,9088,4048 罗定,11157,2276 洛阳,11236,3467 漯河,11402,3356 麻城,11502,3117 马尔康,10223,3191 马来,9900,975 满都拉,11012,4254 满归,12210,5204 满洲里,11743,4958 曼谷,10050,1375 左贡,9828,2968 茂名,11089,2167 两河口,10370,3184 梅河口,12568,4253 梅州,11611,2432 蒙自,10339,2336 米林,9419,2921 安县,10432,3151 岷县,10403,3443 磨憨,10172,2124 莫尔道嘎,12079,5126 漠河,12250,5299 牡丹江,12961,4457 木垒,9028,4382 木里,9953,3788 内江,10505,2958 那曲,9205,3147 纳溪,10538,2878 南岔,12927,4712 南昌,11589,2867 南京,11879,3208 南宁,10831,2280 南平,11820,2664 南通,12088,3198 南阳,11252,3299 嫩江,12523,4917 聂拉木,8596,2815 宁波,12154,2987 宁东,10662,3812 宁国,11897,3061 宁武,11229,3898 柠条塔,11024,3905 攀枝花,10173,2654
  43. </city>
  44. <city>沛县,11692,3473 平顶山,11329,3374 平度,11960,3697 平潭,11978,2550 平邑,11762,3550 凭祥,10675,2211 萍乡,11383,2763 七星镇,13169,4657 千岛湖,11919,2950 迁安,11869,3999 前进镇,13313,4755 黔江,10877,2952 且末,8552,3813 钦州,10861,2194 秦皇岛,11959,3993 端氏,11251,3567 青州,11847,3668 清水站,9905,3936 清远,11302,2371 曲水,9072,2935 渠县,10696,3084 泉州,11858,2491 日喀则,8889,2927 日照,11944,3541 汝箕沟,10612,3907 汝州,11283,3415 瑞丽,9785,2401 若羌,8816,3901 三北羊场,10730,3924 三都,10786,2599 三亚,10950,1823 桑根达来,11595,4268 山河屯,12722,4470 汕头,11667,2335 上板城,11806,4083 上海,12147,3122 上饶,11793,2845 韶关,11358,2480 涉县,11367,3656 深圳,11410,2254 神池,11218,3908 神木,11050,3885 沈阳,12338,4180 狮泉河,8009,3251 石家庄,11449,3804 石门,11136,2958 石嘴山,10637,3901 室韦,11991,5134 舒兰,12694,4440 双鸭山,13114,4662 朔州,11241,3931 思茅,10097,2279 四平,12436,4316 松江,12122,3100 松潘,10359,3264 肃北,9487,3951 绥德,11025,3750 绥芬河,13114,4439 绥化,12699,4663 随州,11336,3170 遂宁,10557,3050 塔河,12471,5233 台北,12150,2503 太平川,12318,4441 太原,11255,3789 泰安,11712,3618 天水,10570,3457 田东,10711,2360 铁刹山,12434,4124 通化,12592,4172 通辽,12227,4361 同江,13248,4765 铜陵,11778,3095 潼关,11023,3454 图们,12984,4295 吐尔尕特,7540,4052 吐鲁番,8917,4297 团林,12613,4272 瓦塘,11100,3865 万家码头,11732,3884 万宁,11040,1880 万象,10280,1802 万州,10837,3081 威海,12211,3749 威虎山,13355,4685 威舍,10478,2529 苇河,12839,4496 渭南,10949,3449 魏杖子,11907,4098 温州,12064,2800 文昌,11075,1962 文竹,11398,2697 乌兰浩特,12206,4606 乌鲁木齐,8758,4378 乌尼特矿,11698,4517 乌日根塔拉,11282,4328 乌伊岭,12945,4859 无锡,12029,3157 芜湖,11856,3114 五彩湾,8888,4478 武汉,11427,3057 武威,10263,3792 舞阳,11358,3342 婺源,11784,2924 西安,10888,3426 西丰,12471,4273 西宁,10177,3662 西小召,10837,4087 锡林浩特,11605,4393 下城子,13045,4468 厦门,11808,2445 咸宁,11427,2987 咸阳,10859,3432 香港,11450,2200 香格里拉,9970,2781 向阳川,13234,4731 新加坡,10385,115 新立屯,12218,4203 新上海庙,10677,3835 新泰,11775,3589 新沂,11834,3437 新竹,12095,2480 信阳,11396,3200 兴文,10508,2834 岫岩,12328,4027 徐州,11718,3426 叙永,10544,2818 宣城,11874,3093 安康,10912,3268 旬阳,10937,3283 牙克石,12072,4928 雅安,10298,2998 亚布力,12830,4466 亚东,8890,2747 烟台,12136,3754 烟筒山,12604,4329 延安,10947,3659 盐城,12015,3334 兖州,11681,3555 羊八井,9056,3010 羊角沟,11885,3726 阳江,11194,2184 阳平关,10604,3297 阳泉,11355,3785 叶城,7741,3788 伊尔施,11984,4729 伊宁,8130,4390 伊图里河,12157,5065 宜宾,10462,2876 宜昌,11128,3070 义县,12124,4153 益阳,11232,2858 银川,10626,3846 饮马峡,9587,3732 英吉沙,7617,3892 鹰潭,11703,2824 永泰,11893,2587 永新,11423,2694 鱼卡,9496,3802 榆次,11273,3770 榆树,12655,4482 禹州,11346,3416 玉林,11014,2263 元谋,10187,2570 原平,11272,3872 月山,11306,3516 岳阳,11309,2937 枣庄,11755,3486 扎布其尔,11661,4446 宅科,11885,3713 沾化,11812,3770 沾益,10381,2560 湛江,11038,2118 张家界,11047,2913 张家口,11487,4081 漳平,11740,2528 昭通,10371,2734 镇城底,11207,3796 正蓝旗,11600,4224 郑州,11365,3476 织金,10576,2666 中卫,10517,3751 重庆,10652,2954 周家湾,11122,3988 珠海,11356,2227 庄河,12297,3968 庄家沟,12093,4214 淄博,11805,3679 遵义,10692,2769 沁源,11233,3653 左权,11338,3707 台前,11585,3600 黑宝山,12577,5014 小林,11372,3227 茶卡,9910,3676 察汗诺,9885,3701 乌拉山,10864,4076 靖边,10880,3762 虎什哈,11700,4088 郑家屯,12340,4344 松原,12488,4500 双阳,12576,4350 松江河,12749,4218 泉阳,12754,4235 和龙,12910,4267 洪洞,11156,3648 平凉,10632,3564 酉阳,10920,2884 恩施,10946,3033 建宁,11684,2683 瑞金,11597,2586 奉节,10946,3102 十堰,11079,3270 襄阳,11214,3213 三门峡,11116,3440 运城,11104,3496 亳州,11564,3412 建德,11924,2972 张掖,10046,3900 合作,10296,3499 绵阳,10470,3146 小寺沟,11861,4087 遵化,11796,4019 唐山,11821,3963 平山,11417,3826 保定,11546,3886 五台山,11368,3888 忻州,11275,3845 外西沟,11217,4028 山阴,11282,3952 牛家梁,10970,3834 大保当,10997,3860 红进塔,11044,3945 陶利庙,10875,3854 新街,10982,3924 神木北,11045,3901 何家塔,11131,4002 四眼井,10903,4030 金坛,11957,3178 张家港,12054,3185 沂水,11872,3564 宿州,11699,3365 淮北,11679,3392 丰县,11659,3470 鸡泽,11487,3692 肥乡,11480,3655 和顺,11360,3732 高平,11290,3574 红沙岗,10244,3892 金昌,10206,3838 阿拉善右旗,10167,3921 乌海,10673,3946 吉兰泰,10575,3976 本井站,10591,3940 安庆,11705,3051 怀宁,11680,3075 俄霍布拉克,8323,4244 库车,8292,4171 轮台,8424,4178 丰宁,11664,4122 桃村,12116,3720 乳山,12149,3699 荣城,12249,3721 白音华,11844,4463 塔林高勒,11711,4458 林东,11941,4393 滨海,11767,3902 洛古河,12161,5335 蓟县,11739,4000 花博山,12504,4114 衢州,11887,2895 七台河,13127,4583 密山,13188,4555 勃利,13056,4576 迎春,13294,4611 饶河,13401,4680 换新天,13308,4736 名山,13108,4768 嘉荫,13040,4889 汤旺河,12957,4846 孙吴,12734,4943 逊克,12848,4956
  45. </city>
  46. <city>五大连池,12620,4851 呼玛,12666,5172 莆田,11903,2543 大村,10615,2800 讷河,12483,4848 扎兰屯,12277,4798 阿荣旗,12347,4811 博克图,12191,4879 塔尔气,12120,4798 大石寨,12138,4631 惠东,11480,2288 广通,10184,2524
  47. </city>
  48. <way>
  49. 预研\昭通-毕节-遵义-酉阳 张家界-恩施-安康
  50. 预研\大连-长岛-烟台 西安-十堰 奉节-十堰-南阳
  51. 预研\日喀则-阿里-和田-且末-若羌 桂林-郴州-南康
  52. 预研\香格里拉-左贡-林芝 康定-左贡
  53. 规划\鹰潭-瑞金-梅州-建宁 六安-铜陵 连云港-南京-金坛-张家港-上海
  54. 规划\格尔木-马尔康 兰州-合作 外西沟-神池 陶利庙-新上海庙 东胜-红进塔-神木北
  55. 规划\吐尔尕特-喀什-红其拉甫 青州-沂水 胶州-平度
  56. 规划\黔江-张家界-常德-岳阳-九江 万州-奉节-襄阳-郑州
  57. 立项\杭州-建德-绩溪 安顺-百色 正蓝旗-张家口 保定-五台山-忻州 河池-南宁
  58. 立项\思茅-大理-瑞丽 和顺-鸡泽 古莲-满归 韩家园-呼玛-黑河-黑宝山 大庆-绥化 阿荣旗-讷河
  59. 立项\亚东-日喀则-聂拉木-加德满都 库尔勒-若羌-格尔木
  60. 立项\哈达铺-松潘-两河口-安县-绵阳-遂宁-内江 元谋-昆明-宜宾-重庆
  61. 立项\马尔康-两河口 都江堰-成都-雅安-康定
  62. 在建\柳沟-敦煌-阿克塞-肃北-鱼卡-饮马峡 铁刹山-花博山 换新天-饶河 汤旺河-嘉荫 孙吴-逊克-乌伊岭
  63. 在建\若羌-罗布泊-哈密-巴里坤-木垒-将军庙 五彩湾-富蕴-北屯-阿勒泰 荆门-岳阳 哈尔滨-佳木斯 松原-陶赖昭 神木-瓦塘-柳林-洪洞-长治-鹤壁 台前-磁窑-莱芜-日照 黄岛-日照-连云港-盐城 连云港-淮安-镇江-宁国 德州-大家洼-黄骅 天水-平凉-西安-银川 珲春-东宁 大同-运城-西安-广元 西宁-张掖 山阴-红进塔-新街-陶利庙 四眼井-何家塔 端氏-高平
  64. 在建\昭通-攀枝花-丽江 峨眉山-兴文-毕节-三都-桂林-肇庆-黎塘 百色-昆明 重庆-万州 运城-三门峡-十堰-宜昌-石门-衡阳
  65. 在建\堆龙德庆-贡嘎-朗县-米林-林芝县-八一镇 九江-景德镇-常山 肥乡-鸡泽-衡水-黄骅港 金昌-红沙岗-阿拉善右旗 张家口-丰宁-承德-曹妃甸 龙口-烟台-威海-荣城 新立屯-大板-塔林高勒-白音华-林东 霍林河-大石寨 安县-峨眉山
  66. 在建\兰州-岷县-广元-重庆-利川 大村-叙永-六盘水-织金-毕节 巴中-渠县 湛江-合浦-玉林 丹东-庄河 怀宁-安庆-池州
  67. 铁路\黑河-孙吴-北安-绥化-南岔-佳木斯-福利屯-红兴隆-向阳川-换新天-前进镇-抚远 向阳川-同江 南岔-汤旺河-乌伊岭 五大连池-北安-富裕 福利屯-双鸭山-七星镇-红兴隆 七星镇-宝清-迎春
  68. 铁路\满洲里-牙克石-博克图-扎兰屯-哈尔滨-苇河-牡丹江-下城子-绥芬河-东宁 扎兰屯-阿荣旗 博克图-塔尔气 牙克石-伊图里河-潮中-满归 苇河-亚布力 林口-鸡西-东方红-威虎山-饶河 下城子-鸡西
  69. 铁路\黑山-新立屯-通辽-太平川-白城-富裕-嫩江-加格达奇-塔河-漠河-洛古河 漠河-古莲 嫩江-黑宝山 潮中-莫尔道嘎-室韦 加格达奇-伊图里河 塔河-韩家园 峨眉山-攀枝花-广通
  70. 铁路\丹东-沈阳-梅河口-团林-烟筒山-吉林-舒兰-山河屯-哈尔滨-绥化 团林-辉南-靖宇-松江河 长春-烟筒山-白山镇-泉阳 陶赖昭-榆树-舒兰-蛟河 山河屯-敦化-和龙
  71. 铁路\凤城-灌水-通化-松江河-泉阳-和龙-图们-牡丹江-林口-桦南-佳木斯-鹤岗-名山 桦南-老黑山 灌水-何家堡 勃利-七台河-密山
  72. 铁路\珲春-图们-吉林-长春-松原-大安-白城-乌兰浩特-伊尔施-海拉尔
  73. 铁路\霍林河-东乌旗-乌尼特矿 珠恩嘎达布奇-东乌旗-海神矿-塔林高勒-扎布其尔-锡林浩特-白银库伦-桑根达来-正蓝旗-多伦-虎什哈 石嘴山-汝箕沟 辽阳-本溪-铁刹山
  74. 铁路\二连浩特-郭尔奔敖包-贲红-大板-林东-通辽-郑家屯-四平-辽源-梅河口-通化-集安 开原-西丰-辽源-双阳  郭尔奔敖包-乌日根塔拉-白音茫来 郑家屯-太平川-大庆
  75. 铁路\临河-大坝-中卫-甘塘镇-兰州 甘塘镇-武威 清水站-东风航天城-策克 镜铁山-嘉峪关-策克 西小召-金泉 乌拉山-四眼井-靖边 大坝-古窑子 包头-甘其毛都
  76. 铁路\怀柔-上板城-魏杖子-建平-朝阳-北票南-义县-新立屯-沈阳 义县-锦州 上板城-隆化 魏杖子-葫芦岛 北票南-庄家沟 小寺沟-遵化-唐山-曹妃甸-滦南 遵化-蓟县-天津西-霸州
  77. 铁路\北京-张家口-大同-朔州-宁武-原平-太原-榆次-介休-侯马-运城-潼关 沁源-左权 渭南-南阳-信阳-六安-阜阳 迁安-滦南-京唐港
  78. 铁路\原平-灵丘-北京-怀柔-虎什哈-隆化-赤峰-通辽-白音胡硕-霍林河-白音华-大板-赤峰-建平 海城-岫岩-庄河-金州 太原-镇城底-静游-宁武 鹤壁-台前
  79. 铁路\黄骅港-黄骅-平山-原平-宁武-神池-神木北 平山-石家庄 贲红-集宁-丰镇-大同-怀来-秦皇岛-滨海-万家码头-黄骅 丰镇-外西沟-周家湾-东胜-三北羊场-公乌素-乌海-本井站-吉兰泰 三北羊场-新上海庙-宁东 银川-古窑子-定边 朔州-神池-岢岚-瓦塘 柳林-介休 呼和浩特-周家湾
  80. 铁路\烟台-胶州-青州-淄博-济南-德州-石家庄-榆次-中卫 桃村-乳山-威海 泰安-莱芜-临淄 磁窑-新泰-莱芜-淄博-博兴-东营 博兴-沾化 新泰-平邑 青州-宅科-羊角沟 宅科-大家洼-平度-龙口 胶州-黄岛 济南-聊城-涉县-长治 阳泉-左权-涉县
  81. 铁路\日照-临沂-平邑-兖州-菏泽-月山-济源-端氏-侯马-河津-咸阳 察汗诺-茶卡 临沂-枣庄 磁窑-兖州-枣庄-徐州-宿州-蚌埠-淮南
  82. 铁路\重庆-渠县-旬阳-十堰-随州-武汉-荆门 随州-小林 遂宁-渠县 达州-万州-利川 广元-乐坝-巴中
  83. 铁路\南宁-百色-威舍-红果-六盘水-昭通-宜宾-内江-重庆-遵义-贵阳 黎塘-玉林-湛江 益阳-茂名-肇庆-广州-东莞-惠州-惠东 阳江-罗定-玉林 海口-东方-三亚
  84. 铁路\中卫-宝鸡-广元-成都-隆昌-泸州-纳溪-叙永 柳州-河池-都匀-贵阳-织金-安顺-六盘水-沾益
  85. 铁路\横峰-南平-漳平-龙岩-梅州-龙川 梅州-汕头 韶关-南康-赣州-瑞金-龙岩 厦门-漳平-泉州 上高-分宜-永新-文竹-茶陵-醴陵
  86. 铁路\平顶山-漯河-阜阳-淮南-合肥-怀宁-九江-池州-芜湖-南京-海安-南通 巢湖-芜湖-宁国-黄山-景德镇-鹰潭-南平 漯河-舞阳-平顶山-禹州-汝州 禹州-亳州 阜阳-徐州-沛县-丰县
  87. 铁路\胶州-沂水-临沂-新沂-淮安-盐城-海安-无锡-长兴-宣城 淮北-宿州-淮安 千岛湖-金华-温州 松江-金山-芦潮港 常山-衢州
  88. 铁路\北京-霸州-衡水-聊城-菏泽-阜阳-麻城-九江-南昌-吉安-南康-龙川-惠州-大亚湾
  89. 铁路\榆次-长治-高平-月山-济源-洛阳-平顶山-南阳-荆门-石门-张家界-怀化-柳州 石门-长沙
  90. 铁路\满都拉-白云鄂博-包头-东胜-神木-牛家梁-绥德-延安-西安-旬阳-安康-阳平关 哈密-临河-包头-神木西-大保当 神木-柠条塔-神木西
  91. 铁路\威舍-昆明-大理-丽江-香格里拉 凭祥-南宁-合浦-北海 田东-德保
  92. 铁路\将军庙-五彩湾-乌鲁木齐-精河-阿拉山口 哈尔盖-柴达尔-木里
  93. 铁路\精河-伊宁-霍尔果斯 奎屯-克拉玛依-北屯
  94. 铁路\格尔木-安多-那曲-当雄-羊八井-堆龙德庆-曲水-日喀则
  95. 铁路\吐鲁番-库尔勒-轮台-库车-阿克苏-喀什-英吉沙-叶城-和田 库车-俄霍布拉克
  96. 高铁\兰州-西宁-哈尔盖-察汗诺-德令哈-饮马峡-格尔木
  97. 高铁\连云港-徐州-郑州-西安-天水-兰州-武威-柳园-哈密-吐鲁番-乌鲁木齐
  98. 250\衡阳-桂林-柳州-黎塘-钦州-防城港
  99. 250\长沙-岑巩-凯里-贵阳-沾益-昆明-思茅-磨憨-万象-曼谷-马来-吉隆坡-新加坡 昆明-蒙自-河口
  100. 250\利川-宜昌-武汉-九江-南昌-建宁-永泰-莆田 永泰-福州
  101. 250\包头-集宁-张家口-北京-秦皇岛-葫芦岛-锦州-沈阳 朝阳-海城
  102. 250\石家庄-太原 黎塘-南宁 保定-滨海-唐山 成都-遂宁-重庆-黔江-怀化-井冈山-吉安
  103. 250\武汉-六安-南京-长兴-杭州-宁波-福州-汕头-茂名-雷州-海口-文昌-万宁-三亚 广州-珠海
  104. 350\北京-怀柔-朝阳-沈阳 哈尔滨-沈阳-大连
  105. 350\北京-天津西-德州-济南-枣庄-蚌埠-南京-镇江-上海-杭州-金华-上饶-南昌-萍乡-长沙
  106. 350\蚌埠-合肥-巢湖-铜陵-绩溪-婺源-南平-福州-平潭-台北-新竹-嘉义-高雄
  107. 350\北京-石家庄-鹤壁-郑州-武汉-咸宁-岳阳-长沙-衡阳-郴州-韶关-清远-广州-深圳-香港 西安-郑州
  108. </way>
  109. </svg>
复制代码
FF4.0.1 IE8+ASV Chromium 8.0.552.237 均验证通过可浏览。


这里是我收集的铁路线路图,为了简便,只保留了最基础的部分:
  1. <svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="1024" height="760" onload="init()" onmouseup="f=0;" onzoom="fsize(f)">

  2. <script type="text/javascript"><![CDATA[var x=y=f=m=n=0,w=512,h=380,zoom=1,z=4;
  3. function $(d){return document.getElementById(d);}
  4. function init(){s=$("T");p=$("P");g=$("mmgm");
  5. document.rootElement.setAttribute("viewBox","0 0 "+w*8/zoom+" "+h*8/zoom);
  6. for(var m=0;m<3;m++){var city=document.getElementsByTagName("city").item(m).firstChild.nodeValue.split(" ");
  7. for(var i=0;i<city.length;i++){var v=city[i].split(",");
  8. gg=document.createElementNS("http://www.w3.org/2000/svg","text");
  9. gg.appendChild(document.createTextNode(v[0]));
  10. g.appendChild(gg);gg.setAttribute("id",v[0]);
  11. gg.setAttribute("x",v[1]);gg.setAttribute("y",-1*v[2]);}}
  12. city=document.getElementsByTagName("way").item(0).firstChild.nodeValue.split("\n");
  13. for(var i=1;i<city.length-1;i++){var v=city[i].split("\"),c=v[1].split(" ");
  14. for(var j=0;j<c.length;j++)if(c[j]){cc=c[j].split("-");v[2]="M";for(var m=0;m<cc.length;m++)
  15. if(cc[m]){n=$(cc[m]);
  16. if(n){n.setAttribute("next",n.getAttribute("next")+(m?" "+cc[m-1]:'')+(cc[m+1]?" "+cc[m+1]:''));
  17. v[2]+=" "+n.getAttribute("x")+" "+n.getAttribute("y");}else prompt(cc[m]);}
  18. gg=document.createElementNS("http://www.w3.org/2000/svg","path");
  19. $(v[0]).appendChild(gg);gg.setAttribute("id",c[j]);gg.setAttribute("d",v[2]);
  20. }}}

  21. function to(evt){g.setAttribute("transform", "translate("+(evt.clientX*z/zoom-x)+","+(evt.clientY*z/zoom+y)+")");}
  22. function go(evt){f=1;m=g.getCTM().e;n=g.getCTM().f;x=(evt.clientX/zoom-m)*z;y=(n-evt.clientY/zoom)*z;
  23. s.firstChild.nodeValue=evt.target.id+" 东经:"+x/100+"北纬:"+y/100;
  24. s.setAttribute("x", (x+8));s.setAttribute("y", (-20*z-y));
  25. window.url=s.firstChild.nodeValue;
  26. if(evt.detail==2){fsize(2);}}

  27. function fsize(d){if(d)document.rootElement.currentScale*=d;
  28. z=4/document.rootElement.currentScale;s.setAttribute("font-size", 26*z+"px");
  29. document.rootElement.currentTranslate.x=0;document.rootElement.currentTranslate.y=0;}
  30. ]]></script>
  31. <g id="mmgm" transform="translate(-9000,4500)" onmousedown="go(evt)" onmousemove="if(f)to(evt)" style="fill:red;font-size:8px;text-anchor:middle;">
  32. <image width="36000" height="18000" opacity="0.3" x="-18000" y="-9000" xlink:href="-DEM.jpg"/>
  33. <text id="T" font-size="80px">+</text>

  34. <g id="铁路" style="fill:none;stroke:grey;stroke-width:2;">
  35. <g id="高铁" style="stroke:green;stroke-width:4;">
  36. <g id="350" style="stroke:red;stroke-width:8;"></g>
  37. <g id="250" style="stroke:blue;stroke-width:4;"/></g>
  38. <g id="规划" style="stroke:orange;stroke-width:2;stroke-dasharray:33,33;">
  39. <g id="预研" style="stroke:pink;stroke-width:2;"/></g>
  40. <g id="立项" style="stroke:green;stroke-width:3;stroke-dasharray:9,9;">
  41. <g id="在建" style="stroke:blue;"/></g></g></g>
  42. <city>阿克塞,9436,3964 阿克苏,8025,4117 阿拉山口,8256,4516 阿勒泰,8813,4784 阿里,8010,3280 安多,9166,3227 安顺,10592,2624 八一镇,9435,2967 巴里坤,9300,4359 巴中,10676,3185 霸州,11639,3910 白城,12283,4561 白山镇,12724,4275 白音胡硕,12143,4504 白音茫来,11248,4423 白银库伦,11614,4327 白云鄂博,10998,4180 百色,10661,2390 蚌埠,11733,3294 包头,10980,4065 宝鸡,10714,3438 宝清,13219,4632 北安,12651,4823 北海,10911,2147 北京,11630,3960 北票南,12082,4171 北屯,8780,4736 贲红,11326,4131 本溪,12376,4130 毕节,10528,2730 博兴,11812,3713 曹妃甸,11844,3908 策克,10115,4232 岑巩,10873,2721 茶陵,11354,2678 柴达尔,10043,3760 长春,12535,4386 长岛,12073,3792 长沙,11296,2819 长兴,11989,3101 长治,11310,3619 常德,11168,2903 常山,11850,2889 巢湖,11776,3164 朝阳,12045,4157 潮中,12138,5092 郴州,11302,2581 成都,10407,3066 承德,11792,4096 池州,11748,3064 赤峰,11895,4226 磁窑,11711,3590 达州,10745,3122 大坝,10594,3803 大板,11866,4351 大家洼,11897,3713 大理,10022,2558 大连,12157,3894 大庆,12501,4659 大同,11359,4003 大亚湾,11450,2254 丹东,12435,4010 镇江,11956,3199 当雄,9109,3048 德保,10660,2333 德令哈,9736,3736 德州,11627,3744 定边,10758,3759 东方,10863,1909 东方红,13310,4621 东风航天城,10000,4073 东宁,13111,4404 东胜,10999,3981 东莞,11373,2304 东乌旗,11698,4545 东营,11877,3745 都江堰,10361,3100 都匀,10751,2626 堆龙德庆,9095,2966 敦化,12822,4336 敦煌,9466,4013 多伦,11647,4218 峨眉山,10348,2960 海神矿,11657,4526 二连浩特,11196,4365 防城港,10835,2176 分宜,11467,2781 丰镇,11314,4044 凤城,12406,4045 福利屯,13114,4673 福州,11929,2607 抚远,13429,4836 阜阳,11582,3290 富裕,12444,4778 富蕴,8952,4699 甘其毛都,10758,4241 甘塘镇,10452,3747 赣州,11493,2585 南康,11480,2562 高雄,12027,2261 格尔木,9489,3641 公乌素,10692,3935 贡嘎,9098,2928 古莲,12208,5275 古窑子,10663,3810 广元,10581,3244 广州,11326,2311 肇庆,11292,2320 贵阳,10670,2657 桂林,11028,2528 郭尔奔敖包,11248,4307 哈达铺,10423,3423 哈尔滨,12662,4575 哈尔盖,10042,3719 哈密,9351,4281 海安,12045,3254 海城,12274,4085 海口,11034,2003 海拉尔,11971,4922 珠恩嘎达布奇,11644,4577 韩家园,12583,5208 杭州,12016,3025 合肥,11727,3186 合浦,10919,2167 何家堡,12489,4047 和田,7991,3711 河池,10805,2469 河津,11070,3558 河口,10395,2251 菏泽,11543,3523 鹤壁,11416,3589 鹤岗,13027,4732 黑河,12747,5024 黑山,12210,4168 横峰,11760,2842 衡水,11569,3772 衡阳,11261,2690 红果,10448,2571 神木西,10983,3905 红其拉甫,7543,3685 红兴隆,13160,4673 介休,11185,3700 侯马,11135,3561 呼和浩特,11168,4080 上高,11493,2822 葫芦岛,12084,4074 桦南,13052,4621 怀化,10994,2755 怀来,11553,4039 怀柔,11662,4031 淮安,11901,3361 淮南,11698,3263 黄岛,12023,3604 黄骅,11735,3836 黄骅港,11792,3832 黄山,11831,2972 珲春,13035,4286 辉南,12603,4268 惠州,11439,2309 霍尔果斯,8049,4424 霍林河,11964,4553 鸡西,13097,4528 绩溪,11858,3007 吉安,11496,2700 吉林,12656,4385 吉隆坡,10170,313 集安,12618,4112 集宁,11309,4103 济南,11696,3665 济源,11258,3508 加德满都,8533,2766 加格达奇,12411,5042 佳木斯,13036,4679 嘉义,12043,2348 嘉峪关,9832,3979 建平,11964,4140 将军庙,8998,4460 胶州,12000,3628 蛟河,12734,4371 大安,12420,4568 金华,11964,2910 金泉,10849,4155 金山,12115,3090 金州,12171,3909 锦州,12114,4111 京唐港,11902,3922 荆门,11219,3103 精河,8288,4460 井冈山,11415,2656 景德镇,11711,2919 靖宇,12680,4239 天津西,11670,3905 静游,11185,3816 镜铁山,9795,3933 九江,11598,2972 喀什,7598,3946 开原,12403,4253 凯里,10797,2658 康定,10195,3005 岢岚,11156,3869 克拉玛依,8500,4559 库尔勒,8613,4175 灌水,12457,4087 奎屯,8489,4442 昆明,10270,2505 莱芜,11766,3619 兰州,10375,3606 朗县,9309,2904 陶赖昭,12596,4488 老黑山,13088,4656 乐坝,10669,3227 雷州,11008,2090 黎塘,10914,2320 醴陵,11349,2766 丽江,10024,2687 利川,10877,3026 连云港,11916,3459 辽阳,12317,4126 辽源,12513,4290 聊城,11597,3644 林口,13026,4527 林芝,9500,2996 林芝县,9448,2957 临河,10742,4073 临沂,11833,3505 临淄,11831,3681 灵丘,11422,3943 柳沟,9644,4068 柳林,11087,3743 柳园,9551,4112 柳州,10940,2431 六安,11648,3174 六盘水,10487,2657 龙川,11525,2409 龙口,12036,3767 龙岩,11703,2510 隆昌,10527,2934 隆化,11772,4131 芦潮港,12187,3088 泸州,10544,2888 滦南,11868,3950 罗布泊,9088,4048 罗定,11157,2276 洛阳,11236,3467 漯河,11402,3356 麻城,11502,3117 马尔康,10223,3191 马来,9900,975 满都拉,11012,4254 满归,12210,5204 满洲里,11743,4958 曼谷,10050,1375 左贡,9828,2968 茂名,11089,2167 两河口,10370,3184 梅河口,12568,4253 梅州,11611,2432 蒙自,10339,2336 米林,9419,2921 安县,10432,3151 岷县,10403,3443 磨憨,10172,2124 莫尔道嘎,12079,5126 漠河,12250,5299 牡丹江,12961,4457 木垒,9028,4382 木里,9953,3788 内江,10505,2958 那曲,9205,3147 纳溪,10538,2878 南岔,12927,4712 南昌,11589,2867 南京,11879,3208 南宁,10831,2280 南平,11820,2664 南通,12088,3198 南阳,11252,3299 嫩江,12523,4917 聂拉木,8596,2815 宁波,12154,2987 宁东,10662,3812 宁国,11897,3061 宁武,11229,3898 柠条塔,11024,3905 攀枝花,10173,2654
  43. </city>
  44. <city>沛县,11692,3473 平顶山,11329,3374 平度,11960,3697 平潭,11978,2550 平邑,11762,3550 凭祥,10675,2211 萍乡,11383,2763 七星镇,13169,4657 千岛湖,11919,2950 迁安,11869,3999 前进镇,13313,4755 黔江,10877,2952 且末,8552,3813 钦州,10861,2194 秦皇岛,11959,3993 端氏,11251,3567 青州,11847,3668 清水站,9905,3936 清远,11302,2371 曲水,9072,2935 渠县,10696,3084 泉州,11858,2491 日喀则,8889,2927 日照,11944,3541 汝箕沟,10612,3907 汝州,11283,3415 瑞丽,9785,2401 若羌,8816,3901 三北羊场,10730,3924 三都,10786,2599 三亚,10950,1823 桑根达来,11595,4268 山河屯,12722,4470 汕头,11667,2335 上板城,11806,4083 上海,12147,3122 上饶,11793,2845 韶关,11358,2480 涉县,11367,3656 深圳,11410,2254 神池,11218,3908 神木,11050,3885 沈阳,12338,4180 狮泉河,8009,3251 石家庄,11449,3804 石门,11136,2958 石嘴山,10637,3901 室韦,11991,5134 舒兰,12694,4440 双鸭山,13114,4662 朔州,11241,3931 思茅,10097,2279 四平,12436,4316 松江,12122,3100 松潘,10359,3264 肃北,9487,3951 绥德,11025,3750 绥芬河,13114,4439 绥化,12699,4663 随州,11336,3170 遂宁,10557,3050 塔河,12471,5233 台北,12150,2503 太平川,12318,4441 太原,11255,3789 泰安,11712,3618 天水,10570,3457 田东,10711,2360 铁刹山,12434,4124 通化,12592,4172 通辽,12227,4361 同江,13248,4765 铜陵,11778,3095 潼关,11023,3454 图们,12984,4295 吐尔尕特,7540,4052 吐鲁番,8917,4297 团林,12613,4272 瓦塘,11100,3865 万家码头,11732,3884 万宁,11040,1880 万象,10280,1802 万州,10837,3081 威海,12211,3749 威虎山,13355,4685 威舍,10478,2529 苇河,12839,4496 渭南,10949,3449 魏杖子,11907,4098 温州,12064,2800 文昌,11075,1962 文竹,11398,2697 乌兰浩特,12206,4606 乌鲁木齐,8758,4378 乌尼特矿,11698,4517 乌日根塔拉,11282,4328 乌伊岭,12945,4859 无锡,12029,3157 芜湖,11856,3114 五彩湾,8888,4478 武汉,11427,3057 武威,10263,3792 舞阳,11358,3342 婺源,11784,2924 西安,10888,3426 西丰,12471,4273 西宁,10177,3662 西小召,10837,4087 锡林浩特,11605,4393 下城子,13045,4468 厦门,11808,2445 咸宁,11427,2987 咸阳,10859,3432 香港,11450,2200 香格里拉,9970,2781 向阳川,13234,4731 新加坡,10385,115 新立屯,12218,4203 新上海庙,10677,3835 新泰,11775,3589 新沂,11834,3437 新竹,12095,2480 信阳,11396,3200 兴文,10508,2834 岫岩,12328,4027 徐州,11718,3426 叙永,10544,2818 宣城,11874,3093 安康,10912,3268 旬阳,10937,3283 牙克石,12072,4928 雅安,10298,2998 亚布力,12830,4466 亚东,8890,2747 烟台,12136,3754 烟筒山,12604,4329 延安,10947,3659 盐城,12015,3334 兖州,11681,3555 羊八井,9056,3010 羊角沟,11885,3726 阳江,11194,2184 阳平关,10604,3297 阳泉,11355,3785 叶城,7741,3788 伊尔施,11984,4729 伊宁,8130,4390 伊图里河,12157,5065 宜宾,10462,2876 宜昌,11128,3070 义县,12124,4153 益阳,11232,2858 银川,10626,3846 饮马峡,9587,3732 英吉沙,7617,3892 鹰潭,11703,2824 永泰,11893,2587 永新,11423,2694 鱼卡,9496,3802 榆次,11273,3770 榆树,12655,4482 禹州,11346,3416 玉林,11014,2263 元谋,10187,2570 原平,11272,3872 月山,11306,3516 岳阳,11309,2937 枣庄,11755,3486 扎布其尔,11661,4446 宅科,11885,3713 沾化,11812,3770 沾益,10381,2560 湛江,11038,2118 张家界,11047,2913 张家口,11487,4081 漳平,11740,2528 昭通,10371,2734 镇城底,11207,3796 正蓝旗,11600,4224 郑州,11365,3476 织金,10576,2666 中卫,10517,3751 重庆,10652,2954 周家湾,11122,3988 珠海,11356,2227 庄河,12297,3968 庄家沟,12093,4214 淄博,11805,3679 遵义,10692,2769 沁源,11233,3653 左权,11338,3707 台前,11585,3600 黑宝山,12577,5014 小林,11372,3227 茶卡,9910,3676 察汗诺,9885,3701 乌拉山,10864,4076 靖边,10880,3762 虎什哈,11700,4088 郑家屯,12340,4344 松原,12488,4500 双阳,12576,4350 松江河,12749,4218 泉阳,12754,4235 和龙,12910,4267 洪洞,11156,3648 平凉,10632,3564 酉阳,10920,2884 恩施,10946,3033 建宁,11684,2683 瑞金,11597,2586 奉节,10946,3102 十堰,11079,3270 襄阳,11214,3213 三门峡,11116,3440 运城,11104,3496 亳州,11564,3412 建德,11924,2972 张掖,10046,3900 合作,10296,3499 绵阳,10470,3146 小寺沟,11861,4087 遵化,11796,4019 唐山,11821,3963 平山,11417,3826 保定,11546,3886 五台山,11368,3888 忻州,11275,3845 外西沟,11217,4028 山阴,11282,3952 牛家梁,10970,3834 大保当,10997,3860 红进塔,11044,3945 陶利庙,10875,3854 新街,10982,3924 神木北,11045,3901 何家塔,11131,4002 四眼井,10903,4030 金坛,11957,3178 张家港,12054,3185 沂水,11872,3564 宿州,11699,3365 淮北,11679,3392 丰县,11659,3470 鸡泽,11487,3692 肥乡,11480,3655 和顺,11360,3732 高平,11290,3574 红沙岗,10244,3892 金昌,10206,3838 阿拉善右旗,10167,3921 乌海,10673,3946 吉兰泰,10575,3976 本井站,10591,3940 安庆,11705,3051 怀宁,11680,3075 俄霍布拉克,8323,4244 库车,8292,4171 轮台,8424,4178 丰宁,11664,4122 桃村,12116,3720 乳山,12149,3699 荣城,12249,3721 白音华,11844,4463 塔林高勒,11711,4458 林东,11941,4393 滨海,11767,3902 洛古河,12161,5335 蓟县,11739,4000 花博山,12504,4114 衢州,11887,2895 七台河,13127,4583 密山,13188,4555 勃利,13056,4576 迎春,13294,4611 饶河,13401,4680 换新天,13308,4736 名山,13108,4768 嘉荫,13040,4889 汤旺河,12957,4846 孙吴,12734,4943 逊克,12848,4956
  45. </city>
  46. <city>五大连池,12620,4851 呼玛,12666,5172 莆田,11903,2543 大村,10615,2800 讷河,12483,4848 扎兰屯,12277,4798 阿荣旗,12347,4811 博克图,12191,4879 塔尔气,12120,4798 大石寨,12138,4631 惠东,11480,2288 广通,10184,2524
  47. </city>
  48. <way>
  49. 预研\昭通-毕节-遵义-酉阳 张家界-恩施-安康
  50. 预研\大连-长岛-烟台 西安-十堰 奉节-十堰-南阳
  51. 预研\日喀则-阿里-和田-且末-若羌 桂林-郴州-南康
  52. 预研\香格里拉-左贡-林芝 康定-左贡
  53. 规划\鹰潭-瑞金-梅州-建宁 六安-铜陵 连云港-南京-金坛-张家港-上海
  54. 规划\格尔木-马尔康 兰州-合作 外西沟-神池 陶利庙-新上海庙 东胜-红进塔-神木北
  55. 规划\吐尔尕特-喀什-红其拉甫 青州-沂水 胶州-平度
  56. 规划\黔江-张家界-常德-岳阳-九江 万州-奉节-襄阳-郑州
  57. 立项\杭州-建德-绩溪 安顺-百色 正蓝旗-张家口 保定-五台山-忻州 河池-南宁
  58. 立项\思茅-大理-瑞丽 和顺-鸡泽 古莲-满归 韩家园-呼玛-黑河-黑宝山 大庆-绥化 阿荣旗-讷河
  59. 立项\亚东-日喀则-聂拉木-加德满都 库尔勒-若羌-格尔木
  60. 立项\哈达铺-松潘-两河口-安县-绵阳-遂宁-内江 元谋-昆明-宜宾-重庆
  61. 立项\马尔康-两河口 都江堰-成都-雅安-康定
  62. 在建\柳沟-敦煌-阿克塞-肃北-鱼卡-饮马峡 铁刹山-花博山 换新天-饶河 汤旺河-嘉荫 孙吴-逊克-乌伊岭
  63. 在建\若羌-罗布泊-哈密-巴里坤-木垒-将军庙 五彩湾-富蕴-北屯-阿勒泰 荆门-岳阳 哈尔滨-佳木斯 松原-陶赖昭 神木-瓦塘-柳林-洪洞-长治-鹤壁 台前-磁窑-莱芜-日照 黄岛-日照-连云港-盐城 连云港-淮安-镇江-宁国 德州-大家洼-黄骅 天水-平凉-西安-银川 珲春-东宁 大同-运城-西安-广元 西宁-张掖 山阴-红进塔-新街-陶利庙 四眼井-何家塔 端氏-高平
  64. 在建\昭通-攀枝花-丽江 峨眉山-兴文-毕节-三都-桂林-肇庆-黎塘 百色-昆明 重庆-万州 运城-三门峡-十堰-宜昌-石门-衡阳
  65. 在建\堆龙德庆-贡嘎-朗县-米林-林芝县-八一镇 九江-景德镇-常山 肥乡-鸡泽-衡水-黄骅港 金昌-红沙岗-阿拉善右旗 张家口-丰宁-承德-曹妃甸 龙口-烟台-威海-荣城 新立屯-大板-塔林高勒-白音华-林东 霍林河-大石寨 安县-峨眉山
  66. 在建\兰州-岷县-广元-重庆-利川 大村-叙永-六盘水-织金-毕节 巴中-渠县 湛江-合浦-玉林 丹东-庄河 怀宁-安庆-池州
  67. 铁路\黑河-孙吴-北安-绥化-南岔-佳木斯-福利屯-红兴隆-向阳川-换新天-前进镇-抚远 向阳川-同江 南岔-汤旺河-乌伊岭 五大连池-北安-富裕 福利屯-双鸭山-七星镇-红兴隆 七星镇-宝清-迎春
  68. 铁路\满洲里-牙克石-博克图-扎兰屯-哈尔滨-苇河-牡丹江-下城子-绥芬河-东宁 扎兰屯-阿荣旗 博克图-塔尔气 牙克石-伊图里河-潮中-满归 苇河-亚布力 林口-鸡西-东方红-威虎山-饶河 下城子-鸡西
  69. 铁路\黑山-新立屯-通辽-太平川-白城-富裕-嫩江-加格达奇-塔河-漠河-洛古河 漠河-古莲 嫩江-黑宝山 潮中-莫尔道嘎-室韦 加格达奇-伊图里河 塔河-韩家园 峨眉山-攀枝花-广通
  70. 铁路\丹东-沈阳-梅河口-团林-烟筒山-吉林-舒兰-山河屯-哈尔滨-绥化 团林-辉南-靖宇-松江河 长春-烟筒山-白山镇-泉阳 陶赖昭-榆树-舒兰-蛟河 山河屯-敦化-和龙
  71. 铁路\凤城-灌水-通化-松江河-泉阳-和龙-图们-牡丹江-林口-桦南-佳木斯-鹤岗-名山 桦南-老黑山 灌水-何家堡 勃利-七台河-密山
  72. 铁路\珲春-图们-吉林-长春-松原-大安-白城-乌兰浩特-伊尔施-海拉尔
  73. 铁路\霍林河-东乌旗-乌尼特矿 珠恩嘎达布奇-东乌旗-海神矿-塔林高勒-扎布其尔-锡林浩特-白银库伦-桑根达来-正蓝旗-多伦-虎什哈 石嘴山-汝箕沟 辽阳-本溪-铁刹山
  74. 铁路\二连浩特-郭尔奔敖包-贲红-大板-林东-通辽-郑家屯-四平-辽源-梅河口-通化-集安 开原-西丰-辽源-双阳  郭尔奔敖包-乌日根塔拉-白音茫来 郑家屯-太平川-大庆
  75. 铁路\临河-大坝-中卫-甘塘镇-兰州 甘塘镇-武威 清水站-东风航天城-策克 镜铁山-嘉峪关-策克 西小召-金泉 乌拉山-四眼井-靖边 大坝-古窑子 包头-甘其毛都
  76. 铁路\怀柔-上板城-魏杖子-建平-朝阳-北票南-义县-新立屯-沈阳 义县-锦州 上板城-隆化 魏杖子-葫芦岛 北票南-庄家沟 小寺沟-遵化-唐山-曹妃甸-滦南 遵化-蓟县-天津西-霸州
  77. 铁路\北京-张家口-大同-朔州-宁武-原平-太原-榆次-介休-侯马-运城-潼关 沁源-左权 渭南-南阳-信阳-六安-阜阳 迁安-滦南-京唐港
  78. 铁路\原平-灵丘-北京-怀柔-虎什哈-隆化-赤峰-通辽-白音胡硕-霍林河-白音华-大板-赤峰-建平 海城-岫岩-庄河-金州 太原-镇城底-静游-宁武 鹤壁-台前
  79. 铁路\黄骅港-黄骅-平山-原平-宁武-神池-神木北 平山-石家庄 贲红-集宁-丰镇-大同-怀来-秦皇岛-滨海-万家码头-黄骅 丰镇-外西沟-周家湾-东胜-三北羊场-公乌素-乌海-本井站-吉兰泰 三北羊场-新上海庙-宁东 银川-古窑子-定边 朔州-神池-岢岚-瓦塘 柳林-介休 呼和浩特-周家湾
  80. 铁路\烟台-胶州-青州-淄博-济南-德州-石家庄-榆次-中卫 桃村-乳山-威海 泰安-莱芜-临淄 磁窑-新泰-莱芜-淄博-博兴-东营 博兴-沾化 新泰-平邑 青州-宅科-羊角沟 宅科-大家洼-平度-龙口 胶州-黄岛 济南-聊城-涉县-长治 阳泉-左权-涉县
  81. 铁路\日照-临沂-平邑-兖州-菏泽-月山-济源-端氏-侯马-河津-咸阳 察汗诺-茶卡 临沂-枣庄 磁窑-兖州-枣庄-徐州-宿州-蚌埠-淮南
  82. 铁路\重庆-渠县-旬阳-十堰-随州-武汉-荆门 随州-小林 遂宁-渠县 达州-万州-利川 广元-乐坝-巴中
  83. 铁路\南宁-百色-威舍-红果-六盘水-昭通-宜宾-内江-重庆-遵义-贵阳 黎塘-玉林-湛江 益阳-茂名-肇庆-广州-东莞-惠州-惠东 阳江-罗定-玉林 海口-东方-三亚
  84. 铁路\中卫-宝鸡-广元-成都-隆昌-泸州-纳溪-叙永 柳州-河池-都匀-贵阳-织金-安顺-六盘水-沾益
  85. 铁路\横峰-南平-漳平-龙岩-梅州-龙川 梅州-汕头 韶关-南康-赣州-瑞金-龙岩 厦门-漳平-泉州 上高-分宜-永新-文竹-茶陵-醴陵
  86. 铁路\平顶山-漯河-阜阳-淮南-合肥-怀宁-九江-池州-芜湖-南京-海安-南通 巢湖-芜湖-宁国-黄山-景德镇-鹰潭-南平 漯河-舞阳-平顶山-禹州-汝州 禹州-亳州 阜阳-徐州-沛县-丰县
  87. 铁路\胶州-沂水-临沂-新沂-淮安-盐城-海安-无锡-长兴-宣城 淮北-宿州-淮安 千岛湖-金华-温州 松江-金山-芦潮港 常山-衢州
  88. 铁路\北京-霸州-衡水-聊城-菏泽-阜阳-麻城-九江-南昌-吉安-南康-龙川-惠州-大亚湾
  89. 铁路\榆次-长治-高平-月山-济源-洛阳-平顶山-南阳-荆门-石门-张家界-怀化-柳州 石门-长沙
  90. 铁路\满都拉-白云鄂博-包头-东胜-神木-牛家梁-绥德-延安-西安-旬阳-安康-阳平关 哈密-临河-包头-神木西-大保当 神木-柠条塔-神木西
  91. 铁路\威舍-昆明-大理-丽江-香格里拉 凭祥-南宁-合浦-北海 田东-德保
  92. 铁路\将军庙-五彩湾-乌鲁木齐-精河-阿拉山口 哈尔盖-柴达尔-木里
  93. 铁路\精河-伊宁-霍尔果斯 奎屯-克拉玛依-北屯
  94. 铁路\格尔木-安多-那曲-当雄-羊八井-堆龙德庆-曲水-日喀则
  95. 铁路\吐鲁番-库尔勒-轮台-库车-阿克苏-喀什-英吉沙-叶城-和田 库车-俄霍布拉克
  96. 高铁\兰州-西宁-哈尔盖-察汗诺-德令哈-饮马峡-格尔木
  97. 高铁\连云港-徐州-郑州-西安-天水-兰州-武威-柳园-哈密-吐鲁番-乌鲁木齐
  98. 250\衡阳-桂林-柳州-黎塘-钦州-防城港
  99. 250\长沙-岑巩-凯里-贵阳-沾益-昆明-思茅-磨憨-万象-曼谷-马来-吉隆坡-新加坡 昆明-蒙自-河口
  100. 250\利川-宜昌-武汉-九江-南昌-建宁-永泰-莆田 永泰-福州
  101. 250\包头-集宁-张家口-北京-秦皇岛-葫芦岛-锦州-沈阳 朝阳-海城
  102. 250\石家庄-太原 黎塘-南宁 保定-滨海-唐山 成都-遂宁-重庆-黔江-怀化-井冈山-吉安
  103. 250\武汉-六安-南京-长兴-杭州-宁波-福州-汕头-茂名-雷州-海口-文昌-万宁-三亚 广州-珠海
  104. 350\北京-怀柔-朝阳-沈阳 哈尔滨-沈阳-大连
  105. 350\北京-天津西-德州-济南-枣庄-蚌埠-南京-镇江-上海-杭州-金华-上饶-南昌-萍乡-长沙
  106. 350\蚌埠-合肥-巢湖-铜陵-绩溪-婺源-南平-福州-平潭-台北-新竹-嘉义-高雄
  107. 350\北京-石家庄-鹤壁-郑州-武汉-咸宁-岳阳-长沙-衡阳-郴州-韶关-清远-广州-深圳-香港 西安-郑州
  108. </way>
  109. </svg>
复制代码FF4.0.1 IE8+ASV Chromium 8.0.552.237 均验证通过可浏览。


FF4.0.1 IE8+ASV Chromium 8.0.552.237 均验证通过可浏览。
显示:

SVG的优点:不损失细节地放大,可交互。我在这里添加了显示城市名、线路站点和坐标的功能。鼠标一点,一目了然。

FF4.0.1 IE8+ASV Chromium 8.0.552.237 均验证通过可浏览。
显示:

SVG的优点:不损失细节地放大,可交互。我在这里添加了显示城市名、线路站点和坐标的功能。鼠标一点,一目了然。