合作人
陈欢
代码
index.jsp页面为主页面，包含地图缩放功能以及线路查询功能
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>石家庄地铁</title> <link href="css/main.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js/script.js"></script> <script type="text/javascript" src="js/drag.js"></script> </head> <body> <div id="top"> <p>石家庄地铁线路查询</p> </div> <div class="card" id="card"> <form action="${pageContext.request.contextPath}/Query?method=setroute" method="post" onsubmit="return check(this)"> <p> 起始站：<input type="text" name="Strname" id="startsite"></p> <p> 终点站：<input type="text" name="Endname" id="endsite"></p> <p> <input type="submit" value="查询"></p> <p> <textarea rows="15" cols="30"> <% String [] l = (String [])session.getAttribute("route"); if(l!=null) for(int i=0;l[i]!=null;i++) out.println(l[i]); %> </textarea> </p> </form> </div> <div id="dragDiv"> <svg id="zoomSvg" width="1133" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1133 804" xmlns:ev="http://www.w3.org/2001/xml-events" height="804" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css"><![CDATA[ .st2 {fill:#303030;font-family:Arial;font-size:5pt;font-weight:bold} .st4 {fill:#303030;font-family:宋体;font-size:10pt;font-weight:bold} .st3 {fill:#303030;font-family:宋体;font-size:5pt;font-weight:bold} .st1 {fill:#303030;font-family:宋体;font-size:9pt} ]]> </style> <defs> <linearGradient y1="0%" y2="100%" x2="0%" x1="0%" id="lg1"> <stop offset="0" stop-color="#fbfbfb"/> <stop offset="1" stop-color="#efefef"/> </linearGradient> </defs> <g transform="translate(5,5)" id="page1"> <path d="M502,0L0,0L-198.9,-208.5L-209.1,-198.9L-6.1,14L502,14L502,0z" stroke="#969696" fill="#00b4f0" transform="translate(610.06,222.79)" id="rivershape"/> <g transform="translate(805.06,223.3)" id="rivername"> <path fill-opacity="0.08" d="M4.4,2L67.6,2C68.9,2,70,3.1,70,4.4L70,13.1C70,14.4,68.9,15.5,67.6,15.5L4.4,15.5C3.1,15.5,2,14.4,2,13.1L2,4.4C2,3.1,3.1,2,4.4,2z" fill="#000000"/> <path d="M2.4,0L65.6,0C66.9,0,68,1.1,68,2.4L68,11.1C68,12.4,66.9,13.5,65.6,13.5L2.4,13.5C1.1,13.5,0,12.4,0,11.1L0,2.4C0,1.1,1.1,0,2.4,0z" stroke="#6d6d6d" fill="url(#lg1)"/> <text class="st1"> <tspan x="16" y="11.1">滹沱河</tspan> </text> </g> <path d="M0,0L468,0L468,5L0,5L0,0z" stroke="#d7091d" fill="#d7091d" transform="translate(212,415.17)" id="shape1"/> <path d="M30.2,0L-5.1,0L-4.3,48L.7,48L0,5L30.2,5L30.2,0z" stroke="#d7091d" fill="#d7091d" transform="translate(711.13,197.3)" id="shape2"/> <path d="M5,140.5L5,-2L-39.2,-49L-42.8,-45.6L0,0L0,140.5L5,140.5z" stroke="#d7091d" fill="#d7091d" transform="translate(750,291.3)" id="shape3"/> <path d="M60,0L0,0L-9.9,-12.9L-14.1,-10.1L-2.6,5L60,5L60,0z" stroke="#d7091d" fill="#d7091d" transform="translate(690,428.8)" id="shape4"/> <path d="M0,0L5,0L5,158.5L0,158.5L0,0z" stroke="#d7091d" fill="#d7091d" transform="translate(736.67,43.3)" id="shape5"/> <g onclick="setsite(6)" transform="translate(733.5,40.13)" id="shape6"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">树路</tspan> </text> </g> <g onclick="setsite(7)" transform="translate(733.5,70.43)" id="shape7"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">侯家庄</tspan> </text> </g> <g onclick="setsite(8)" transform="translate(733.83,103.63)" id="shape8"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">罗家庄北</tspan> </text> </g> <g onclick="setsite(9)" transform="translate(733.83,136.83)" id="shape9"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.84,0.55,-0.55,0.84,8.6,-6.1)"> <tspan x="25.6" y="13.5">罗家庄</tspan> </text> </g> <g onclick="setsite(10)" transform="translate(733.83,168.63)" id="shape10"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">罗家庄南</tspan> </text> </g> <g onclick="setsite(11)" transform="translate(720.58,194.13)" id="shape11"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.69,0.73,-0.73,0.69,-2,0.6)"> <tspan x="-31.9" y="-3.1">行政中心</tspan> </text> </g> <g onclick="setsite(12)" transform="translate(703,207.48)" id="shape12"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-20.8" y="4.7">临济</tspan> </text> </g> <g onclick="setsite(13)" transform="translate(746,284.96)" id="shape13"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">西庄</tspan> </text> </g> <g onclick="setsite(14)" transform="translate(746.83,314.96)" id="shape14"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">东兆通</tspan> </text> </g> <g onclick="setsite(15)" transform="translate(746.83,347.63)" id="shape15"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.61,-0.8,0.8,0.61,-11.6,4.9)"> <tspan x="-23.8" y="13.2">东杜庄</tspan> </text> </g> <g onclick="setsite(16)" transform="translate(746.83,380.3)" id="shape16"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">石家庄东</tspan> </text> </g> <g onclick="setsite(17)" transform="translate(746,425.63)" id="shape17"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="23.9">卓达星辰</tspan> </text> </g> <g onclick="setsite(18)" transform="translate(715.66,424.63)" id="shape18"> <path stroke-width="3" d="M10.6,0L5.3,0C2.4,0,0,2.5,0,5.7C0,8.8,2.4,11.3,5.3,11.3L10.6,11.3" stroke="#d7091d" fill="#ffffff" transform="matrix(0,1,-1,0,11.3,0)"/> <path stroke-width="3" d="M0,0L5.3,0C8.3,0,10.6,2.5,10.6,5.7C10.6,8.8,8.3,11.3,5.3,11.3L0,11.3" stroke="#30c9f7" fill="#ffffff" transform="matrix(0,1,-1,0,11.3,10.6)"/> <text class="st3" transform="matrix(0.63,0.78,-0.78,0.63,6.3,2.1)"> <tspan x="-22" y="9.6">海世界</tspan> </text> </g> <g onclick="setsite(19)" transform="translate(672.33,411.63)" id="shape19"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">白佛口</tspan> </text> </g> <g onclick="setsite(20)" transform="translate(641.83,413)" id="shape20"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">谈固</tspan> </text> </g> <g onclick="setsite(21)" transform="translate(610.83,412)" id="shape21"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">艺术学校</tspan> </text> </g> <g onclick="setsite(22)" transform="translate(579.83,412.33)" id="shape22"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">建百大楼</tspan> </text> </g> <g onclick="setsite(23)" transform="translate(548.83,413)" id="shape23"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">河北医大</tspan> </text> </g> <g onclick="setsite(24)" transform="translate(517.83,412.33)" id="shape24"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">省博物馆</tspan> </text> </g> <g onclick="setsite(25)" transform="translate(486.33,412.33)" id="shape25"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">北国商城</tspan> </text> </g> <g onclick="setsite(26)" transform="translate(455.83,412.33)" id="shape26"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">市招待所</tspan> </text> </g> <g onclick="setsite(27)" transform="translate(424.83,412.33)" id="shape27"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">大石桥</tspan> </text> </g> <g onclick="setsite(28)" transform="translate(394.55,412.33)" id="shape28"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">新百广场</tspan> </text> </g> <g onclick="setsite(29)" transform="translate(362.83,412.33)" id="shape29"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">烈士陵园</tspan> </text> </g> <g onclick="setsite(30)" transform="translate(332.33,412)" id="shape30"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.53,-0.53,0.85,8.1,-6.1)"> <tspan x="25.7" y="13.3">和平医院</tspan> </text> </g> <g onclick="setsite(31)" transform="translate(301.83,412.33)" id="shape31"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">军医医院</tspan> </text> </g> <g onclick="setsite(32)" transform="translate(270.33,412.33)" id="shape32"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">法医医院</tspan> </text> </g> <g onclick="setsite(33)" transform="translate(239.33,412.33)" id="shape33"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">西王</tspan> </text> </g> <g onclick="setsite(34)" transform="translate(208.83,412)" id="shape34"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">上庄</tspan> </text> </g> <g transform="translate(677.34,51.45)" id="shape35"> <text class="st4"> <tspan x="15.4" y="14.7">1号线</tspan> </text> </g> <g transform="translate(147.33,409.7)" id="shape36"> <text class="st4"> <tspan x="15.4" y="14.7">1号线</tspan> </text> </g> <!--1号线：shape1到shape36--> <path d="M62.5,0L-5,0L-5,49L0,49L0,5L62.5,5L62.5,0z" stroke="#813f84" fill="#813f84" transform="translate(432,513)" id="shape37"/> <path d="M5,0L5,52L5,54.1L-71.2,131.8L-74.8,128.2L0,52L0,0L5,0z" stroke="#813f84" fill="#813f84" transform="translate(583,140)" id="shape38"/> <path d="M0,0L313,0L313,5L0,5L0,0z" stroke="#813f84" fill="#813f84" transform="translate(583,140)" id="shape39"/> <path d="M5,0L5,33.5L5,35.6L-15.8,57.3L-19.2,53.7L0,33.5L0,0L5,0z" stroke="#813f84" fill="#813f84" transform="translate(508.5,268.5)" id="shape40"/> <path d="M0,0L5,0L5,195.5L0,195.5L0,0z" stroke="#813f84" fill="#813f84" transform="translate(489.5,321.5)" id="shape41"/> <path d="M5,96L5,-5L-30,-5L-30,0L0,0L0,96L5,96z" stroke="#813f84" fill="#813f84" transform="translate(459,562)" id="shape42"/> <path d="M5,102L5,-5L-134,-5L-134,0L0,0L0,102L5,102z" stroke="#813f84" fill="#813f84" transform="translate(595,658)" id="shape43"/> <path d="M0,0L161,0L161,5L0,5L0,0z" stroke="#813f84" fill="#813f84" transform="translate(595,755)" id="shape44"/> <g onclick="setsite(45)" transform="translate(887.83,136.83)" id="shape45"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">只都</tspan> </text> </g> <g onclick="setsite(46)" transform="translate(857.34,136.83)" id="shape46"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">北白皮</tspan> </text> </g> <g onclick="setsite(47)" transform="translate(826.67,136.83)" id="shape47"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">蔡家岗</tspan> </text> </g> <g onclick="setsite(48)" transform="translate(796,136.83)" id="shape48"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">桃村</tspan> </text> </g> <g onclick="setsite(49)" transform="translate(765.33,136.83)" id="shape49"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">诸福屯</tspan> </text> </g> <g onclick="setsite(50)" transform="translate(733.83,136.83)" id="shape50"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.84,0.55,-0.55,0.84,8.6,-6.1)"> <tspan x="25.6" y="13.5">罗家庄</tspan> </text> </g> <g onclick="setsite(51)" transform="translate(702,136.83)" id="shape51"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">天元湖</tspan> </text> </g> <g onclick="setsite(52)" transform="translate(672.33,136.83)" id="shape52"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">天元湖西</tspan> </text> </g> <g onclick="setsite(53)" transform="translate(642.66,136.83)" id="shape53"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">北关</tspan> </text> </g> <g onclick="setsite(54)" transform="translate(609,136.83)" id="shape54"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-7.5" y="-8.5">石家庄学院</tspan> </text> </g> <g onclick="setsite(55)" transform="translate(579.83,136.83)" id="shape55"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">正定</tspan> </text> </g> <g onclick="setsite(56)" transform="translate(579.83,168.63)" id="shape56"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">西关</tspan> </text> </g> <g onclick="setsite(57)" transform="translate(555.59,213.3)" id="shape57"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">神学院</tspan> </text> </g> <g onclick="setsite(58)" transform="translate(529.33,238.33)" id="shape58"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">市农科院</tspan> </text> </g> <g onclick="setsite(59)" transform="translate(505.33,265.33)" id="shape59"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">西古城</tspan> </text> </g> <g onclick="setsite(60)" transform="translate(505.33,297)" id="shape60"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">铁道学院</tspan> </text> </g> <g onclick="setsite(61)" transform="translate(486.33,318.33)" id="shape61"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">运河桥</tspan> </text> </g> <g onclick="setsite(62)" transform="translate(486.33,348.21)" id="shape62"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.9,-0.44,0.44,0.9,1.1,6.8)"> <tspan x="26.2" y="3">蓝天圣木</tspan> </text> </g> <g onclick="setsite(63)" transform="translate(486.83,380.83)" id="shape63"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">长安公园</tspan> </text> </g> <g onclick="setsite(64)" transform="translate(486.33,412.33)" id="shape64"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">北国商城</tspan> </text> </g> <g onclick="setsite(65)" transform="translate(486.33,445.11)" id="shape65"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">河北大戏院</tspan> </text> </g> <g onclick="setsite(66)" transform="translate(486.33,477.55)" id="shape66"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.89,0.46,-0.46,0.89,6.6,-5.8)"> <tspan x="26.1" y="12.6">新世隆</tspan> </text> </g> <g onclick="setsite(67)" transform="translate(486.33,509.83)" id="shape67"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">东岗头</tspan> </text> </g> <g onclick="setsite(68)" transform="translate(455.83,508.66)" id="shape68"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">东三教</tspan> </text> </g> <g onclick="setsite(69)" transform="translate(423.83,529.33)" id="shape69"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.69,-0.72,0.72,0.69,-10.2,2.9)"> <tspan x="-24.7" y="12.4">火车站</tspan> </text> </g> <g onclick="setsite(70)" transform="translate(455.83,555.3)" id="shape70"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="21.7" y="6.7">塔谈</tspan> </text> </g> <g onclick="setsite(71)" transform="translate(455.83,587.3)" id="shape71"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.7,-0.71,0.71,0.7,-10,2.6)"> <tspan x="-24.8" y="12.2">塔谈南</tspan> </text> </g> <g onclick="setsite(72)" transform="translate(455.83,617.63)" id="shape72"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">南位</tspan> </text> </g> <g onclick="setsite(73)" transform="translate(455.33,649.83)" id="shape73"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">嘉华</tspan> </text> </g> <g onclick="setsite(74)" transform="translate(506,650.3)" id="shape74"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-11.1" y="23.9">河北科技大学</tspan> </text> </g> <g onclick="setsite(75)" transform="translate(548.83,649.83)" id="shape75"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">东尹村</tspan> </text> </g> <g onclick="setsite(76)" transform="translate(591.83,650.3)" id="shape76"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">楼底</tspan> </text> </g> <g onclick="setsite(77)" transform="translate(591.83,703.15)" id="shape77"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">于底</tspan> </text> </g> <g onclick="setsite(78)" transform="translate(591.83,734.63)" id="shape78"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">留营</tspan> </text> </g> <g onclick="setsite(79)" transform="translate(621.98,751.83)" id="shape79"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">油通村</tspan> </text> </g> <g onclick="setsite(80)" transform="translate(677.32,751.83)" id="shape80"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">栾城西</tspan> </text> </g> <g onclick="setsite(81)" transform="translate(747.83,751.83)" id="shape81"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">栾城</tspan> </text> </g> <g transform="translate(898,136.83)" id="shape82"> <text class="st4"> <tspan x="15.4" y="14.7">2号线</tspan> </text> </g> <g transform="translate(722.17,730.75)" id="shape83"> <text class="st4"> <tspan x="15.4" y="14.7">2号线</tspan> </text> </g> <!--2号线：shape37到shape83--> <path d="M0,0L681,0L681,5L0,5L0,0z" stroke="#0168a5" fill="#0168a5" transform="translate(398.5,532.28)" id="shape84"/> <path d="M0,0L5,0L5,216.5L0,216.5L0,0z" stroke="#0168a5" fill="#0168a5" transform="translate(397.72,320.78)" id="shape85"/> <path d="M0,0L361.5,0L361.5,5L0,5L0,0z" stroke="#0168a5" fill="#0168a5" transform="translate(44,318.78)" id="shape86"/> <g onclick="setsite(87)" transform="translate(1067.66,528.11)" id="shape87"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">工业园</tspan> </text> </g> <g onclick="setsite(88)" transform="translate(1036.33,528.11)" id="shape88"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">藁城东</tspan> </text> </g> <g onclick="setsite(89)" transform="translate(1005.33,528.11)" id="shape89"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">藁城</tspan> </text> </g> <g onclick="setsite(90)" transform="translate(974.33,528.11)" id="shape90"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">藁城西</tspan> </text> </g> <g onclick="setsite(91)" transform="translate(876.98,528.11)" id="shape91"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">南席东</tspan> </text> </g> <g onclick="setsite(92)" transform="translate(833.32,528.11)" id="shape92"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">南席</tspan> </text> </g> <g onclick="setsite(93)" transform="translate(789.66,528.11)" id="shape93"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">北乐乡</tspan> </text> </g> <g onclick="setsite(94)" transform="translate(746,528.11)" id="shape94"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">韩通</tspan> </text> </g> <g onclick="setsite(95)" transform="translate(715.33,529.11)" id="shape95"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.71,-0.71,0.71,0.71,5.2,8.8)"> <tspan x="24.2" y="0.1">南豆</tspan> </text> </g> <g onclick="setsite(96)" transform="translate(685,528.11)" id="shape96"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">中仰陵</tspan> </text> </g> <g onclick="setsite(97)" transform="translate(640.66,528.11)" id="shape97"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">位同</tspan> </text> </g> <g onclick="setsite(98)" transform="translate(611.33,528.11)" id="shape98"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">卓达</tspan> </text> </g> <g onclick="setsite(99)" transform="translate(579.83,528.11)" id="shape99"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.61,0.79,-0.79,0.61,15.9,-4.2)"> <tspan x="23.2" y="16.1">南王</tspan> </text> </g> <g onclick="setsite(100)" transform="translate(548.83,528.11)" id="shape100"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">裕华</tspan> </text> </g> <g onclick="setsite(101)" transform="translate(517.83,528.11)" id="shape101"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">塔家</tspan> </text> </g> <g onclick="setsite(102)" transform="translate(486.83,528.11)" id="shape102"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="23.9">印刷二场</tspan> </text> </g> <g onclick="setsite(103)" transform="translate(455.83,528.11)" id="shape103"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">金利街</tspan> </text> </g> <g onclick="setsite(104)" transform="translate(423.83,529.11)" id="shape104"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.69,-0.72,0.72,0.69,-10.2,2.9)"> <tspan x="-24.7" y="12.4">火车站</tspan> </text> </g> <g onclick="setsite(105)" transform="translate(393.66,508.44)" id="shape105"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.93,-0.37,0.37,0.93,-3.8,-0.9)"> <tspan x="-27.3" y="8.6">中星路</tspan> </text> </g> <g onclick="setsite(106)" transform="translate(394.96,476.66)" id="shape106"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.86,0.51,-0.51,0.86,7.8,-6)"> <tspan x="25.8" y="13.1">槐安大桥</tspan> </text> </g> <g onclick="setsite(107)" transform="translate(394.55,444.89)" id="shape107"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">十一中</tspan> </text> </g> <g onclick="setsite(108)" transform="translate(394.55,412.11)" id="shape108"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">新百广场</tspan> </text> </g> <g onclick="setsite(109)" transform="translate(394.96,380.61)" id="shape109"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">市二中</tspan> </text> </g> <g onclick="setsite(110)" transform="translate(394.55,347.99)" id="shape110"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">市庄</tspan> </text> </g> <g onclick="setsite(111)" transform="translate(394.96,315.37)" id="shape111"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">柏林路</tspan> </text> </g> <g onclick="setsite(112)" transform="translate(362.83,315.61)" id="shape112"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">高柱</tspan> </text> </g> <g onclick="setsite(113)" transform="translate(332.33,315.61)" id="shape113"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">水上公园</tspan> </text> </g> <g onclick="setsite(114)" transform="translate(301.83,315.61)" id="shape114"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">西三庄</tspan> </text> </g> <g onclick="setsite(115)" transform="translate(251.83,315.61)" id="shape115"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">大郭镇</tspan> </text> </g> <g onclick="setsite(116)" transform="translate(190.33,315.61)" id="shape116"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">南新城</tspan> </text> </g> <g onclick="setsite(117)" transform="translate(147.33,315.61)" id="shape117"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">北海山</tspan> </text> </g> <g onclick="setsite(118)" transform="translate(104.33,315.61)" id="shape118"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">鹿泉中心</tspan> </text> </g> <g onclick="setsite(119)" transform="translate(73.33,315.61)" id="shape119"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">鹿泉医院</tspan> </text> </g> <g onclick="setsite(120)" transform="translate(42.33,315.61)" id="shape120"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">鹿泉一中</tspan> </text> </g> <g transform="translate(28,330.78)" id="shape121"> <text class="st4"> <tspan x="15.4" y="14.7">3号线</tspan> </text> </g> <g transform="translate(992,556.9)" id="shape122"> <text class="st4"> <tspan x="15.4" y="14.7">3号线</tspan> </text> </g> <!--3号线：shape84到shape123--> <path d="M250,0L0,0L-48.2,-49.9L-51.8,-46.5L-2.2,5L250,5L250,0z" stroke="#deb887" fill="#deb887" transform="translate(338,589.47)" id="shape124"/> <path d="M5,270.2L5,0L36,0L36,-5L0,-5L0,270.2L5,270.2z" stroke="#deb887" fill="#deb887" transform="translate(583,323.77)" id="shape125"/> <path d="M0,0L5,0L5,32.2L0,32.2L0,0z" stroke="#deb887" fill="#deb887" transform="translate(614,286.3)" id="shape126"/> <g onclick="setsite(127)" transform="translate(610.83,283.13)" id="shape127"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">十里铺</tspan> </text> </g> <g onclick="setsite(128)" transform="translate(610.66,315.59)" id="shape128"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">高营镇</tspan> </text> </g> <g onclick="setsite(129)" transform="translate(579.83,315.59)" id="shape129"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-28" y="4.7">北翟营</tspan> </text> </g> <g onclick="setsite(130)" transform="translate(579.83,348.21)" id="shape130"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.65,-0.76,0.76,0.65,-10.9,3.8)"> <tspan x="-31.5" y="12.7">建华市场</tspan> </text> </g> <g onclick="setsite(131)" transform="translate(579.83,380.83)" id="shape131"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">长安医院</tspan> </text> </g> <g onclick="setsite(132)" transform="translate(579.83,412.33)" id="shape132"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">建百大楼</tspan> </text> </g> <g onclick="setsite(133)" transform="translate(579.83,445.11)" id="shape133"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">儿童医院</tspan> </text> </g> <g onclick="setsite(134)" transform="translate(579.83,476.88)" id="shape134"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.61,-0.79,0.79,0.61,-11.5,4.7)"> <tspan x="-31.1" y="13.1">东明商城</tspan> </text> </g> <g onclick="setsite(135)" transform="translate(579.83,502.63)" id="shape135"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">经济学院</tspan> </text> </g> <g onclick="setsite(136)" transform="translate(579.83,528.33)" id="shape136"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.61,0.79,-0.79,0.61,15.9,-4.2)"> <tspan x="23.2" y="16.1">南王</tspan> </text> </g> <g onclick="setsite(137)" transform="translate(579.83,585.33)" id="shape137"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">赵卜口</tspan> </text> </g> <g onclick="setsite(138)" transform="translate(531.92,586.3)" id="shape138"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">涂料厂</tspan> </text> </g> <g onclick="setsite(139)" transform="translate(486.83,586.3)" id="shape139"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="23.9">南栗</tspan> </text> </g> <g onclick="setsite(140)" transform="translate(455.83,587.3)" id="shape140"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.7,-0.71,0.71,0.7,-10,2.6)"> <tspan x="-24.8" y="12.2">塔谈南</tspan> </text> </g> <g onclick="setsite(141)" transform="translate(387.66,586.3)" id="shape141"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">滨河街（4号线）</tspan> </text> </g> <g onclick="setsite(142)" transform="translate(332.33,585.33)" id="shape142"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.87,-0.49,0.49,0.87,1.6,7.3)"> <tspan x="26" y="2.5">华医学院</tspan> </text> </g> <g onclick="setsite(143)" transform="translate(306,561)" id="shape143"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">东良厢</tspan> </text> </g> <g onclick="setsite(144)" transform="translate(282.33,535.63)" id="shape144"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">碧水蓝湾</tspan> </text> </g> <g transform="translate(240.58,551.42)" id="shape145"> <text class="st4"> <tspan x="15.4" y="14.7">4号线</tspan> </text> </g> <g transform="translate(579.83,261.45)" id="shape146"> <text class="st4"> <tspan x="15.4" y="14.7">4号线</tspan> </text> </g> <!--4号线：shape124到shape146--> <path d="M475.3,0L-5,0L-5,273.5L0,273.5L0,5L475.3,5L475.3,0z" stroke="#f08300" fill="#f08300" transform="translate(340.67,352.47)" id="shape147"/> <g onclick="setsite(148)" transform="translate(807.83,349.3)" id="shape148"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">东五女</tspan> </text> </g> <g onclick="setsite(149)" transform="translate(778.33,348.3)" id="shape149"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">南杨庄</tspan> </text> </g> <g onclick="setsite(150)" transform="translate(746.83,347.63)" id="shape150"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.61,-0.8,0.8,0.61,-11.6,4.9)"> <tspan x="-23.8" y="13.2">东杜庄</tspan> </text> </g> <g onclick="setsite(151)" transform="translate(709,347.63)" id="shape151"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">西兆通</tspan> </text> </g> <g onclick="setsite(152)" transform="translate(648,348.3)" id="shape152"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">土贤庄</tspan> </text> </g> <g onclick="setsite(153)" transform="translate(610.83,348.3)" id="shape153"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">南翟营</tspan> </text> </g> <g onclick="setsite(154)" transform="translate(579.83,348.21)" id="shape154"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.65,-0.76,0.76,0.65,-10.9,3.8)"> <tspan x="-31.5" y="12.7">建华市场</tspan> </text> </g> <g onclick="setsite(155)" transform="translate(533.08,348.21)" id="shape155"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="23.9">常青园</tspan> </text> </g> <g onclick="setsite(156)" transform="translate(486.33,348.21)" id="shape156"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.9,-0.44,0.44,0.9,1.1,6.8)"> <tspan x="26.2" y="3">蓝天圣木</tspan> </text> </g> <g onclick="setsite(157)" transform="translate(440.33,348.21)" id="shape157"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="23.9">军械学院</tspan> </text> </g> <g onclick="setsite(158)" transform="translate(394.55,348.21)" id="shape158"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.52,-0.52,0.85,8.1,-6.1)"> <tspan x="25.8" y="13.2">市庄</tspan> </text> </g> <g onclick="setsite(159)" transform="translate(362.83,349.3)" id="shape159"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="23.9">火车北站</tspan> </text> </g> <g onclick="setsite(160)" transform="translate(332.33,348.21)" id="shape160"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-35.2" y="4.7">和平西路</tspan> </text> </g> <g onclick="setsite(161)" transform="translate(332.33,380.83)" id="shape161"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-35.2" y="4.7">河北二建</tspan> </text> </g> <g onclick="setsite(162)" transform="translate(332.33,412)" id="shape162"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.85,0.53,-0.53,0.85,8.1,-6.1)"> <tspan x="25.7" y="13.3">和平医院</tspan> </text> </g> <g onclick="setsite(163)" transform="translate(332.33,445.11)" id="shape163"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-35.2" y="4.7">益友百货</tspan> </text> </g> <g onclick="setsite(164)" transform="translate(332.33,476.88)" id="shape164"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-28" y="4.7">审计厅</tspan> </text> </g> <g onclick="setsite(165)" transform="translate(332.33,508.66)" id="shape165"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.77,0.63,-0.63,0.77,11,-6)"> <tspan x="24.9" y="14.4">碧海云天</tspan> </text> </g> <g onclick="setsite(166)" transform="translate(332.33,547.66)" id="shape166"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">五星花园</tspan> </text> </g> <g onclick="setsite(167)" transform="translate(332.33,585.33)" id="shape167"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.87,-0.49,0.49,0.87,1.6,7.3)"> <tspan x="26" y="2.5">华医学院</tspan> </text> </g> <g onclick="setsite(168)" transform="translate(332.5,620.33)" id="shape168"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">滨河街（5号线）</tspan> </text> </g> <g transform="translate(807.83,338.37)" id="shape169"> <text class="st4"> <tspan x="15.4" y="14.7">5号线</tspan> </text> </g> <g transform="translate(306.67,638.9)" id="shape170"> <text class="st4"> <tspan x="15.4" y="14.7">5号线</tspan> </text> </g> <!--5号线：shape147到shape170--> <path d="M0,0L297.8,0L297.8,5L0,5L0,0z" stroke="#30c9f7" fill="#30c9f7" transform="translate(366.61,480.72)" id="shape171"/> <path d="M12.5,0L-2.1,0L-48.3,46.8L-44.7,50.2L0,5L12.5,5L12.5,0z" stroke="#30c9f7" fill="#30c9f7" transform="translate(709.5,435.5)" id="shape172"/> <path d="M0,0L5,0L5,221.3L0,221.3L0,0z" stroke="#30c9f7" fill="#30c9f7" transform="translate(719.22,436.72)" id="shape173"/> <path d="M0,0L94,0L94,-31.5L99,-31.5L99,5L0,5L0,0z" stroke="#30c9f7" fill="#30c9f7" transform="translate(271.83,512.49)" id="shape174"/> <g onclick="setsite(175)" transform="translate(716.05,649.83)" id="shape175"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">郗马</tspan> </text> </g> <g onclick="setsite(176)" transform="translate(715.33,592.67)" id="shape176"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">工农路</tspan> </text> </g> <g onclick="setsite(177)" transform="translate(716.05,561)" id="shape177"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">东仰陵</tspan> </text> </g> <g onclick="setsite(178)" transform="translate(715.33,529.33)" id="shape178"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.71,-0.71,0.71,0.71,5.2,8.8)"> <tspan x="24.2" y="0.1">南豆</tspan> </text> </g> <g onclick="setsite(179)" transform="translate(715.33,483.53)" id="shape179"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="27.3" y="7.7">北豆</tspan> </text> </g> <g onclick="setsite(180)" transform="translate(715.66,424.63)" id="shape180"> <path stroke-width="3" d="M10.6,0L5.3,0C2.4,0,0,2.5,0,5.7C0,8.8,2.4,11.3,5.3,11.3L10.6,11.3" stroke="#d7091d" fill="#ffffff" transform="matrix(0,1,-1,0,11.3,0)"/> <path stroke-width="3" d="M0,0L5.3,0C8.3,0,10.6,2.5,10.6,5.7C10.6,8.8,8.3,11.3,5.3,11.3L0,11.3" stroke="#30c9f7" fill="#ffffff" transform="matrix(0,1,-1,0,11.3,10.6)"/> <text class="st3" transform="matrix(0.63,0.78,-0.78,0.63,6.3,2.1)"> <tspan x="-22" y="9.6">海世界</tspan> </text> </g> <g onclick="setsite(181)" transform="translate(641.83,476.88)" id="shape181"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">二十里铺</tspan> </text> </g> <g onclick="setsite(182)" transform="translate(610.83,476.88)" id="shape182"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">国际城</tspan> </text> </g> <g onclick="setsite(183)" transform="translate(579.83,476.88)" id="shape183"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.61,-0.79,0.79,0.61,-11.5,4.7)"> <tspan x="-31.1" y="13.1">东明商城</tspan> </text> </g> <g onclick="setsite(184)" transform="translate(548.83,477.55)" id="shape184"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">省地震局</tspan> </text> </g> <g onclick="setsite(185)" transform="translate(517.83,477.55)" id="shape185"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">石门公园</tspan> </text> </g> <g onclick="setsite(186)" transform="translate(486.33,477.55)" id="shape186"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.89,0.46,-0.46,0.89,6.6,-5.8)"> <tspan x="26.1" y="12.6">新世隆</tspan> </text> </g> <g onclick="setsite(187)" transform="translate(455.83,476.88)" id="shape187"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">人防大厦</tspan> </text> </g> <g onclick="setsite(188)" transform="translate(424.83,477.55)" id="shape188"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="3.3" y="-8.5">裕龙</tspan> </text> </g> <g onclick="setsite(189)" transform="translate(394.96,476.88)" id="shape189"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.86,0.51,-0.51,0.86,7.8,-6)"> <tspan x="25.8" y="13.1">槐安大桥</tspan> </text> </g> <g onclick="setsite(190)" transform="translate(362.66,476.33)" id="shape190"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-3.9" y="-8.5">考试中心</tspan> </text> </g> <g onclick="setsite(191)" transform="translate(332.33,508.66)" id="shape191"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2" transform="matrix(0.77,0.63,-0.63,0.77,11,-6)"> <tspan x="24.9" y="14.4">碧海云天</tspan> </text> </g> <g onclick="setsite(192)" transform="translate(301.83,509.33)" id="shape192"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">创业园</tspan> </text> </g> <g onclick="setsite(193)" transform="translate(268.66,509.33)" id="shape193"> <path stroke-width="4" d="M0,5.7C0,2.5,2.5,0,5.7,0C8.8,0,11.3,2.5,11.3,5.7C11.3,8.8,8.8,11.3,5.7,11.3C2.5,11.3,0,8.8,0,5.7z" stroke="#000000" fill="#ffffff"/> <text class="st2"> <tspan x="-0.3" y="-8.5">西岗头</tspan> </text> </g> <g transform="translate(692.5,670.45)" id="shape194"> <text class="st4"> <tspan x="15.4" y="14.7">6号线</tspan> </text> </g> <g transform="translate(211.25,498.9)" id="shape195"> <text class="st4"> <tspan x="15.4" y="14.7">6号线</tspan> </text> </g> <!--6号线：shape171到shape195--> </g> </svg> </div> <script type="text/javascript"> var now = 1; var svg = document.getElementById("zoomSvg"); function zoom(num){ switch(num){ case 0:now -= 0.2; if(now<1) now=1; svg.style = "transform:scale(" + now + ","+ now + ")"; break; case 1:now += 0.2; if(now>4) now=4; svg.style = "transform:scale(" + now + ","+ now + ")"; break; } } var scrollFunc=function(e){ e=e || window.event; if(e.wheelDelta){//IE/Opera/Chrome if(e.wheelDelta>0) zoom(1); else zoom(0); }else if(e.detail){//Firefox if(e.detail>0) zoom(1); else zoom(0); } } /*注册事件*/ if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3C window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari window.onload = function () { $solway.drag({ ele: document.getElementById('dragDiv') }); $solway.drag({ ele: document.getElementById('card') }); }; function check(form) { if(form.Strname.value == "" || form.Endname.value == "") alert("请填写完整！"); else if(form.Strname.value != "上庄" && form.Strname.value != "西王" && form.Strname.value != "法医医院" && form.Strname.value != "军医医院" && form.Strname.value != "和平医院" && form.Strname.value != "烈士陵园" && form.Strname.value != "新百广场" && form.Strname.value != "大石桥" && form.Strname.value != "市招待所" && form.Strname.value != "北国商城" && form.Strname.value != "省博物馆" && form.Strname.value != "河北医大" && form.Strname.value != "建百大楼" && form.Strname.value != "艺术学校" && form.Strname.value != "谈固" && form.Strname.value != "白佛口" && form.Strname.value != "海世界" && form.Strname.value != "卓达星辰" && form.Strname.value != "石家庄东" && form.Strname.value != "东杜庄" && form.Strname.value != "东兆通" && form.Strname.value != "西庄" && form.Strname.value != "临济" && form.Strname.value != "行政中心" && form.Strname.value != "罗家南庄" && form.Strname.value != "罗家庄" && form.Strname.value != "罗家北庄" && form.Strname.value != "侯家庄" && form.Strname.value != "数路" && form.Strname.value != "只都" && form.Strname.value != "北白皮" && form.Strname.value != "蔡家岗" && form.Strname.value != "桃村" && form.Strname.value != "诸福屯" && form.Strname.value != "罗家庄" && form.Strname.value != "天元湖" && form.Strname.value != "天元湖西" && form.Strname.value != "北关" && form.Strname.value != "石家庄学院" && form.Strname.value != "正定" && form.Strname.value != "西关" && form.Strname.value != "神学院" && form.Strname.value != "市农科院" && form.Strname.value != "西古城" && form.Strname.value != "铁道学院" && form.Strname.value != "运河桥" && form.Strname.value != "蓝天圣木" && form.Strname.value != "长安公园" && form.Strname.value != "北国商城" && form.Strname.value != "河北大戏院" && form.Strname.value != "新世隆" && form.Strname.value != "东岗头" && form.Strname.value != "东三教" && form.Strname.value != "火车站" && form.Strname.value != "塔谈" && form.Strname.value != "塔谈南" && form.Strname.value != "南位" && form.Strname.value != "嘉华" && form.Strname.value != "河北科技大学" && form.Strname.value != "东尹村" && form.Strname.value != "楼底" && form.Strname.value != "于底" && form.Strname.value != "留营" && form.Strname.value != "油通村" && form.Strname.value != "栾城西" && form.Strname.value != "栾城" && form.Strname.value != "鹿泉一中" && form.Strname.value != "鹿泉医院" && form.Strname.value != "鹿泉中心" && form.Strname.value != "北海山" && form.Strname.value != "南新城" && form.Strname.value != "大郭镇" && form.Strname.value != "西三庄" && form.Strname.value != "水上公园" && form.Strname.value != "高柱" && form.Strname.value != "柏林路" && form.Strname.value != "市庄" && form.Strname.value != "十二中" && form.Strname.value != "新百广场" && form.Strname.value != "十一中" && form.Strname.value != "槐安大桥" && form.Strname.value != "中星路" && form.Strname.value != "火车站" && form.Strname.value != "金利街" && form.Strname.value != "印刷二厂" && form.Strname.value != "塔冢" && form.Strname.value != "裕华" && form.Strname.value != "裕华" && form.Strname.value != "南王" && form.Strname.value != "卓达" && form.Strname.value != "位同" && form.Strname.value != "中仰陵" && form.Strname.value != "南豆" && form.Strname.value != "韩通" && form.Strname.value != "北乐乡" && form.Strname.value != "南席" && form.Strname.value != "南席东" && form.Strname.value != "藁城西" && form.Strname.value != "藁城" && form.Strname.value != "藁城东" && form.Strname.value != "工业园" && form.Strname.value != "碧海蓝湾" && form.Strname.value != "东良厢" && form.Strname.value != "华医学院" && form.Strname.value != "滨河街（4号线）" && form.Strname.value != "塔谈南" && form.Strname.value != "南栾" && form.Strname.value != "涂料厂" && form.Strname.value != "赵卜口" && form.Strname.value != "南王" && form.Strname.value != "经济学院" && form.Strname.value != "东明商城" && form.Strname.value != "儿童医院" && form.Strname.value != "建百大楼" && form.Strname.value != "长安医院" && form.Strname.value != "建华市场" && form.Strname.value != "北翟营" && form.Strname.value != "高营镇" && form.Strname.value != "十里镇" && form.Strname.value != "滨河街（5号线）" && form.Strname.value != "华医学院" && form.Strname.value != "五星花园" && form.Strname.value != "碧海云天" && form.Strname.value != "审计厅" && form.Strname.value != "益友百货" && form.Strname.value != "和平医院" && form.Strname.value != "河北二建" && form.Strname.value != "和平西路" && form.Strname.value != "火车北站" && form.Strname.value != "市庄" && form.Strname.value != "军械学院" && form.Strname.value != "蓝天圣木" && form.Strname.value != "常青园" && form.Strname.value != "建华市场" && form.Strname.value != "南翟营" && form.Strname.value != "土贤庄" && form.Strname.value != "西兆通" && form.Strname.value != "东杜庄" && form.Strname.value != "南杨庄" && form.Strname.value != "东五女" && form.Strname.value != "西岗头" && form.Strname.value != "创业园" && form.Strname.value != "碧海云天" && form.Strname.value != "考试中心" && form.Strname.value != "槐安大桥" && form.Strname.value != "裕龙" && form.Strname.value != "人防大厦" && form.Strname.value != "新世隆" && form.Strname.value != "石门公园" && form.Strname.value != "省地震局" && form.Strname.value != "东明商城" && form.Strname.value != "国际城" && form.Strname.value != "二十里铺" && form.Strname.value != "海世界" && form.Strname.value != "北豆" && form.Strname.value != "南豆" && form.Strname.value != "东仰陵" && form.Strname.value != "工农路" && form.Strname.value != "郄马"){ alert("起始站站名错误，请重新填写！"); }else if(form.Endname.value != "上庄" && form.Endname.value != "西王" && form.Endname.value != "法医医院" && form.Endname.value != "军医医院" && form.Endname.value != "和平医院" && form.Endname.value != "烈士陵园" && form.Endname.value != "新百广场" && form.Endname.value != "大石桥" && form.Endname.value != "市招待所" && form.Endname.value != "北国商城" && form.Endname.value != "省博物馆" && form.Endname.value != "河北医大" && form.Endname.value != "建百大楼" && form.Endname.value != "艺术学校" && form.Endname.value != "谈固" && form.Endname.value != "白佛口" && form.Endname.value != "海世界" && form.Endname.value != "卓达星辰" && form.Endname.value != "石家庄东" && form.Endname.value != "东杜庄" && form.Endname.value != "东兆通" && form.Endname.value != "西庄" && form.Endname.value != "临济" && form.Endname.value != "行政中心" && form.Endname.value != "罗家南庄" && form.Endname.value != "罗家庄" && form.Endname.value != "罗家北庄" && form.Endname.value != "侯家庄" && form.Endname.value != "数路" && form.Endname.value != "只都" && form.Endname.value != "北白皮" && form.Endname.value != "蔡家岗" && form.Endname.value != "桃村" && form.Endname.value != "诸福屯" && form.Endname.value != "罗家庄" && form.Endname.value != "天元湖" && form.Endname.value != "天元湖西" && form.Endname.value != "北关" && form.Endname.value != "石家庄学院" && form.Endname.value != "正定" && form.Endname.value != "西关" && form.Endname.value != "神学院" && form.Endname.value != "市农科院" && form.Endname.value != "西古城" && form.Endname.value != "铁道学院" && form.Endname.value != "运河桥" && form.Endname.value != "蓝天圣木" && form.Endname.value != "长安公园" && form.Endname.value != "北国商城" && form.Endname.value != "河北大戏院" && form.Endname.value != "新世隆" && form.Endname.value != "东岗头" && form.Endname.value != "东三教" && form.Endname.value != "火车站" && form.Endname.value != "塔谈" && form.Endname.value != "塔谈南" && form.Endname.value != "南位" && form.Endname.value != "嘉华" && form.Endname.value != "河北科技大学" && form.Endname.value != "东尹村" && form.Endname.value != "楼底" && form.Endname.value != "于底" && form.Endname.value != "留营" && form.Endname.value != "油通村" && form.Endname.value != "栾城西" && form.Endname.value != "栾城" && form.Endname.value != "鹿泉一中" && form.Endname.value != "鹿泉医院" && form.Endname.value != "鹿泉中心" && form.Endname.value != "北海山" && form.Endname.value != "南新城" && form.Endname.value != "大郭镇" && form.Endname.value != "西三庄" && form.Endname.value != "水上公园" && form.Endname.value != "高柱" && form.Endname.value != "柏林路" && form.Endname.value != "市庄" && form.Endname.value != "十二中" && form.Endname.value != "新百广场" && form.Endname.value != "十一中" && form.Endname.value != "槐安大桥" && form.Endname.value != "中星路" && form.Endname.value != "火车站" && form.Endname.value != "金利街" && form.Endname.value != "印刷二厂" && form.Endname.value != "塔冢" && form.Endname.value != "裕华" && form.Endname.value != "裕华" && form.Endname.value != "南王" && form.Endname.value != "卓达" && form.Endname.value != "位同" && form.Endname.value != "中仰陵" && form.Endname.value != "南豆" && form.Endname.value != "韩通" && form.Endname.value != "北乐乡" && form.Endname.value != "南席" && form.Endname.value != "南席东" && form.Endname.value != "藁城西" && form.Endname.value != "藁城" && form.Endname.value != "藁城东" && form.Endname.value != "工业园" && form.Endname.value != "碧海蓝湾" && form.Endname.value != "东良厢" && form.Endname.value != "华医学院" && form.Endname.value != "滨河街（4号线）" && form.Endname.value != "塔谈南" && form.Endname.value != "南栾" && form.Endname.value != "涂料厂" && form.Endname.value != "赵卜口" && form.Endname.value != "南王" && form.Endname.value != "经济学院" && form.Endname.value != "东明商城" && form.Endname.value != "儿童医院" && form.Endname.value != "建百大楼" && form.Endname.value != "长安医院" && form.Endname.value != "建华市场" && form.Endname.value != "北翟营" && form.Endname.value != "高营镇" && form.Endname.value != "十里镇" && form.Endname.value != "滨河街（5号线）" && form.Endname.value != "华医学院" && form.Endname.value != "五星花园" && form.Endname.value != "碧海云天" && form.Endname.value != "审计厅" && form.Endname.value != "益友百货" && form.Endname.value != "和平医院" && form.Endname.value != "河北二建" && form.Endname.value != "和平西路" && form.Endname.value != "火车北站" && form.Endname.value != "市庄" && form.Endname.value != "军械学院" && form.Endname.value != "蓝天圣木" && form.Endname.value != "常青园" && form.Endname.value != "建华市场" && form.Endname.value != "南翟营" && form.Endname.value != "土贤庄" && form.Endname.value != "西兆通" && form.Endname.value != "东杜庄" && form.Endname.value != "南杨庄" && form.Endname.value != "东五女" && form.Endname.value != "西岗头" && form.Endname.value != "创业园" && form.Endname.value != "碧海云天" && form.Endname.value != "考试中心" && form.Endname.value != "槐安大桥" && form.Endname.value != "裕龙" && form.Endname.value != "人防大厦" && form.Endname.value != "新世隆" && form.Endname.value != "石门公园" && form.Endname.value != "省地震局" && form.Endname.value != "东明商城" && form.Endname.value != "国际城" && form.Endname.value != "二十里铺" && form.Endname.value != "海世界" && form.Endname.value != "北豆" && form.Endname.value != "南豆" && form.Endname.value != "东仰陵" && form.Endname.value != "工农路" && form.Endname.value != "郄马"){ alert("终点站站名错误，请重新填写！"); }else return true; return false; } function setsite(num) { var con = confirm("‘确定’设置为起始站；‘取消’设置为终点站"); var v = document.getElementById("shape"+num).getElementsByTagName("tspan"); if(con){ var start = document.getElementById("startsite"); start.value=v[0].innerHTML; }else{ var end = document.getElementById("endsite"); end.value=v[0].innerHTML; } } </script> </body> </html>
main.css为主页面布局
body{ width:100%; overflow: hidden; margin:0; padding:0; } .card { height:400px; width: 300px; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; position:absolute; left:10px; top:60px; z-index:1; } #top { background-color:#3798CB; width:100%; height:50px; position:absolute; z-index:2; } #top p{ margin:0; font-family:YouYuan; font-size:25px; font-weight:bolder; color:black; position:absolute; top:10px; left:20px; } #zoomSvg{ position:absolute; top:50px; left:370px; }
drag.js是网上找到的代码，用于地图拖动
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) : (factory((global.$solway = global.$solway || {}))); }(window, ((exports) => { const drag = ({ele: dv}) => { dv.setAttribute('style', (dv.getAttribute('style') || '') + 'position: absolute;transition: all 0.1s ease 0s;-webkit-transition: all 0.1s ease 0s;-o-transition: all 0.1s ease 0s;-moz-transition: all 0.1s ease 0s;-moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;'); let x = 0; let y = 0; let l = 0; let t = 0; let isDown = false; dv.addEventListener('mousedown', eleMousedown); document.addEventListener('mousemove', eleMousemove); dv.addEventListener('mouseup', eleMouseup); //鼠标按下事件 function eleMousedown (e) { //获取x坐标和y坐标 x = e.clientX; y = e.clientY; //获取左部和顶部的偏移量 l = dv.offsetLeft; t = dv.offsetTop; //开关打开 isDown = true; //设置样式 dv.style.cursor = 'move'; return false; } //鼠标移动 function eleMousemove (e) { if (isDown == false) { return; } //获取x和y const nx = e.clientX; const ny = e.clientY; //计算移动后的左偏移量和顶部的偏移量 const nl = nx - (x - l); const nt = ny - (y - t); dv.style.left = nl + 'px'; dv.style.top = nt + 'px'; return false; } //鼠标抬起事件 function eleMouseup () { //开关关闭 isDown = false; dv.style.cursor = 'default'; return false; } return { destroy() { dv.removeEventListener('mousedown', eleMousedown); document.removeEventListener('mousemove', eleMousemove); dv.removeEventListener('mouseup', eleMouseup); dv = null; } } }; exports.drag = drag; })));
Servlet.java用于获取页面传值用于计算以及返回结果值
package com.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import Metro.Calculat; import Metro.Dao; /** * Servlet implementation class Servlet */ @WebServlet("/Servlet") public class Servlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public Servlet() { super(); // TODO Auto-generated constructor stub } protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { req.setCharacterEncoding("UTF-8"); String method = req.getParameter("method"); if ("setroute".equals(method)) { setroute(req, resp); } } private void setroute(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException { req.setCharacterEncoding("utf-8"); Dao service=new Dao(); Calculat cal=new Calculat(); String Strname = req.getParameter("Strname"); String Endname = req.getParameter("Endname"); String site1=null,site2=null; int line1,line2; //开始节点,结束节点所在的线路号 String [][] route=new String [50][4]; String [][] route2=new String [50][4]; String [] route3=new String [100]; line1=Integer.parseInt(service.search(Strname).substring(0, 1)); line2=Integer.parseInt(service.search(Endname).substring(0, 1)); site1=service.search(Strname).substring(2, service.search(Strname).length()); site2=service.search(Endname).substring(2, service.search(Endname).length()); route=service.GetRote("site"+line1); route2=service.GetRote("site"+line2); route3=cal.judge(Integer.parseInt(site1),route,Integer.parseInt(site2),route2); HttpSession session = req.getSession(); session.setAttribute("route", route3); resp.sendRedirect(req.getContextPath() + "/index.jsp"); } }
Caculat.java用于计算路径
package Metro; public class Calculat { public String[] judge(int site1, String[][] route, int site2, String[][] route2) { String [] route3; if(route[0][0].equals(route2[0][0])) { route3= Setroute(site1,route,site2); } else { route3= Setroute(site1,route,site2,route2); } return route3; } private String[] Setroute(int site1, String[][] route, int site2) { String [] route3=new String [30]; if(site1>site2) { for(int i=site1,j=0;i>=site2;i--,j++) { route3[j]=route[i-1][2]; } } else { for(int i=site1,j=0;i<=site2;i++,j++) { route3[j]=route[i-1][2]; } } return route3; } private String[] Setroute(int site1, String[][] route, int site2, String[][] route2) { String [] route3=new String [100]; String [] route4=new String [30]; int line2=0,site0; //System.out.println(site2); line2=Integer.parseInt(route2[0][0]); site0=Find(route,line2,site1); route3=Setroute(site1,route,site0); site0=Find(route,route2,site0); route4=Setroute(site0,route2,site2); route3=Combine(route3,route4); return route3; } private int Find(String[][] route, String[][] route2, int site0) { int i=0; for(;route2[i][0]!=null;i++) { if(route2[i][2].equals(route[site0-1][2]))break; } return i; } private String[] Combine(String[] route3, String[] route4) { int i=0; String [] route=new String [100]; for(;route3[i]!=null;i++) { route[i]=route3[i]; } for(int j=0;route4[j]!=null;i++,j++) { route[i]=route4[j]; } return route; } private int Find(String[][] route, int line2, int site1) { int [] site=new int [2]; for(int i=0,j=0;route[i][0]!=null&&j<2;i++) { if(route[i][3]!=null&&route[i][3].equals(""+line2)) {site[j]=Integer.parseInt(route[i][1]);j++;} } if(site[1]!=0)site[0]=judge_site(site,site1); return site[0]; } private int judge_site(int[] site, int site1) { int diff1,diff2; diff1=site[0]-site1; diff2=site[1]-site1; if(diff1<0)diff1=0-diff1; if(diff2<0)diff2=0-diff2; if(diff1<diff2) return site[0]; else return site[1]; } }
Dao.java用于取得数据库内容
package Metro; import java.sql.Connection; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class Dao { public String GetSite(int num,String name) { //查找节点 String sql = "select * from site"+num+" where sitename='"+name+"'"; String result=null; Connection conn = DBUtil.getConn(); Statement state=null; ResultSet rs = null; //System.out.println(sql); try { state = conn.createStatement(); rs = state.executeQuery(sql); while(rs.next()) { result=rs.getString("id"); } }catch(SQLException e) { e.printStackTrace(); } finally { DBUtil.close(rs, state, conn); } return result; } public String[][] GetRote(String res) { //获取某个表整条路线 String sql = "select * from "+res+" "; String [][] result=new String [50][4]; int i=0; Connection conn = DBUtil.getConn(); Statement state=null; ResultSet rs = null; //System.out.println(sql); try { state = conn.createStatement(); rs = state.executeQuery(sql); while(rs.next()) { result[i][0]=res.substring(4, 5); result[i][1]=rs.getString("id"); result[i][2]=rs.getString("sitename"); result[i][3]=rs.getString("transfer"); i++; } }catch(SQLException e) { e.printStackTrace(); } finally { DBUtil.close(rs, state, conn); } return result; } public String search(String strname) { String num=null; int i=1; for(;i<=6;i++) { num=GetSite(i,strname); if(num!=null) break; } return i+" "+num; } }
DBUtil.java用于连接数据库，数据库名为subway
package Metro; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class DBUtil { public static String DBDRIVER = "com.mysql.cj.jdbc.Driver"; public static String DBURL = "jdbc:mysql://localhost/subway" + "?serverTimezone=GMT%2B8"; public static String DBUSER = "root"; public static String DBPASSWORD = "WJL.991018"; public static Connection getConn() { Connection conn = null; try { Class.forName(DBDRIVER); conn = DriverManager.getConnection(DBURL, DBUSER, DBPASSWORD); } catch (Exception e) { e.printStackTrace(); } return conn; } public static void close(Statement state, Connection conn) { try { if(state!=null) state.close(); if(conn!=null) conn.close(); } catch (SQLException e) { e.printStackTrace(); } } public static void close(ResultSet rs, Statement state, Connection conn) { try { if(rs!=null) rs.close(); if(state!=null) state.close(); if(conn!=null) conn.close(); } catch (SQLException e) { e.printStackTrace(); } } }
web.xml用于页面跳转
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0"> <display-name>SJZSubway</display-name> <servlet> <servlet-name>Query</servlet-name> <servlet-class>com.servlet.Servlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>Query</servlet-name> <url-pattern>/Query</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list> </web-app>
运行截图
感受
作业留下来后我和陈欢就商量好了我负责前端即网页样式以及地图缩放、拖动等功能，他负责后台即连接数据库实现查询功能并传回值，我们两个分工明确，最后对接完成项目。到展示那天，其实我们两个人的代码还没开始对接，幸亏我们需要对接的内容不多，前端只需要将一个form表单的内容传给后台。在前边几组展示的时候，我和陈欢两个人完成了对接并成功展示。
地图是群里提供的一张jpg图片，和当前实际的地铁路线有很多不同。jpg图片放大后模糊，所以使用菜鸟教程网站的SVG编辑器重画转成了SVG格式用于查看地图。地图的缩放和拖动本来想找模板实现，但是找到的只能实现拖动功能。后来突然发现CSS的transform可以实现元素的放大缩小，于是使用js代码实现了鼠标滚轮缩放地图。