合作人
王嘉梁
代码
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>
运行截图
感受
项目布置下来后，有我和王嘉梁一起上岭决定他负责前段样式，包括：页面地图的缩放以及相关的点击事件。我负责后台路径的计算等操作。在一开始我打算使用找到换乘的站点，将起始站点到换乘站点的路径，在找到换乘站点到中止站点的路线。最后是连两天线路的和并，当成结果输出。
目前这个后台运算还有一些小的问题，最短路径的问题还没有实现，我们正在努力地实现这个最短路径的问题。