init

2025-10-02 11:17:16 +08:00
commit 803ab10ccd
3 changed files with 299 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
--- a/subway/index.html
+++ b/subway/index.html
@@ -0,0 +1,72 @@
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <!--重要meta, 必须!-->
+  <meta name="viewport"
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,shrink-to-fit=no" />
+  <title>SUBWAY</title>
+  <style>
+    html,
+    body {
+      margin: 0;
+      padding: 0;
+      height: 100%;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    #mysubway {
+      width: 100%;
+      height: 100%;
+    }
+
+    #cityList {
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      z-index: 999;
+      background: rgba(255, 255, 255, 0.8);
+      padding: 5px;
+      border-radius: 5px;
+      border: 1px solid #ccc;
+      max-width: 200px;
+      max-height: 600px;
+      overflow: auto;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="mysubway"></div>
+  <div id="cityList">123</div>
+
+  <script src="https://webapi.amap.com/subway?v=1.0&amp;key=1894fdb3350f516c62fc6c2844fb8116&amp;callback=cbk"></script>
+  <script type="module">
+    import { showCity } from './show-city.js';
+    //开启easy模式, 直接完成地铁图基本功能, 无需自己写交互
+    window.cbk = function () {
+      var mySubway = subway("mysubway", {
+        // easy: 1
+        adcode: 1100,
+        theme: "colorful",
+        client: 0,
+        doubleclick: {
+          switch: true
+        }
+      });
+      mySubway.event.on('subway.complete', function () {
+
+        mySubway.showLine('6号线');
+        console.log(mySubway);
+        // var allLineList = mySubway.getCityList((v)=>{
+        //   console.log(v);
+        // });
+        // console.log(allLineList);
+      })
+    };
+    showCity();
+  </script>
+</body>
+
+</html>
--- a/subway/show-city.js
+++ b/subway/show-city.js
@@ -0,0 +1,226 @@
+const cityList = document.getElementById('cityList');
+export const CITYS = {
+    "1100": {
+        "city": "beijing",
+        "name": "北京市"
+    },
+    "1200": {
+        "city": "tianjin",
+        "name": "天津市"
+    },
+    "1301": {
+        "city": "shijiazhuang",
+        "name": "石家庄市"
+    },
+    "1401": {
+        "city": "taiyuan",
+        "name": "太原市"
+    },
+    "1501": {
+        "city": "huhehaote",
+        "name": "呼和浩特市"
+    },
+    "2101": {
+        "city": "shenyang",
+        "name": "沈阳市"
+    },
+    "2102": {
+        "city": "dalian",
+        "name": "大连市"
+    },
+    "2201": {
+        "city": "changchun",
+        "name": "长春市"
+    },
+    "2301": {
+        "city": "haerbin",
+        "name": "哈尔滨市"
+    },
+    "3100": {
+        "city": "shanghai",
+        "name": "上海市"
+    },
+    "3201": {
+        "city": "nanjing",
+        "name": "南京市"
+    },
+    "3202": {
+        "city": "wuxi",
+        "name": "无锡市"
+    },
+    "3203": {
+        "city": "xuzhou",
+        "name": "徐州市"
+    },
+    "3204": {
+        "city": "changzhou",
+        "name": "常州市"
+    },
+    "3205": {
+        "city": "suzhou",
+        "name": "苏州市"
+    },
+    "3206": {
+        "city": "nantong",
+        "name": "南通市"
+    },
+    "3301": {
+        "city": "hangzhou",
+        "name": "杭州市"
+    },
+    "3302": {
+        "city": "ningbo",
+        "name": "宁波市"
+    },
+    "3303": {
+        "city": "wenzhou",
+        "name": "温州市"
+    },
+    "3306": {
+        "city": "shaoxing",
+        "name": "绍兴市"
+    },
+    "3307": {
+        "city": "jinhua",
+        "name": "金华市"
+    },
+    "3310": {
+        "city": "taizhou",
+        "name": "台州市"
+    },
+    "3401": {
+        "city": "hefei",
+        "name": "合肥市"
+    },
+    "3402": {
+        "city": "wuhu",
+        "name": "芜湖市"
+    },
+    "3411": {
+        "city": "chuzhou",
+        "name": "滁州市"
+    },
+    "3501": {
+        "city": "fuzhou",
+        "name": "福州市"
+    },
+    "3502": {
+        "city": "xiamen",
+        "name": "厦门市"
+    },
+    "3601": {
+        "city": "nanchang",
+        "name": "南昌市"
+    },
+    "3701": {
+        "city": "jinan",
+        "name": "济南市"
+    },
+    "3702": {
+        "city": "qingdao",
+        "name": "青岛市"
+    },
+    "4101": {
+        "city": "zhengzhou",
+        "name": "郑州市"
+    },
+    "4103": {
+        "city": "luoyang",
+        "name": "洛阳市"
+    },
+    "4110": {
+        "city": "xuchang",
+        "name": "许昌市"
+    },
+    "4201": {
+        "city": "wuhan",
+        "name": "武汉市"
+    },
+    "4207": {
+        "city": "ezhou",
+        "name": "鄂州市"
+    },
+    "4301": {
+        "city": "changsha",
+        "name": "长沙市"
+    },
+    "4303": {
+        "city": "xiangtan",
+        "name": "湘潭市"
+    },
+    "4331": {
+        "city": "xiangxi",
+        "name": "湘西土家族苗族自治州"
+    },
+    "4401": {
+        "city": "guangzhou",
+        "name": "广州市"
+    },
+    "4403": {
+        "city": "shenzhen",
+        "name": "深圳市"
+    },
+    "4406": {
+        "city": "foshan",
+        "name": "佛山市"
+    },
+    "4418": {
+        "city": "qingyuan",
+        "name": "清远市"
+    },
+    "4419": {
+        "city": "dongguan",
+        "name": "东莞市"
+    },
+    "4501": {
+        "city": "nanning",
+        "name": "南宁市"
+    },
+    "5000": {
+        "city": "chongqing",
+        "name": "重庆市"
+    },
+    "5101": {
+        "city": "chengdu",
+        "name": "成都市"
+    },
+    "5120": {
+        "city": "ziyang",
+        "name": "资阳市"
+    },
+    "5201": {
+        "city": "guiyang",
+        "name": "贵阳市"
+    },
+    "5301": {
+        "city": "kunming",
+        "name": "昆明市"
+    },
+    "6101": {
+        "city": "xian",
+        "name": "西安市"
+    },
+    "6201": {
+        "city": "lanzhou",
+        "name": "兰州市"
+    },
+    "6501": {
+        "city": "wulumuqi",
+        "name": "乌鲁木齐市"
+    },
+    "8100": {
+        "city": "xianggang",
+        "name": "香港特别行政区"
+    },
+    "8200": {
+        "city": "aomen",
+        "name": "澳门特别行政区"
+    }
+}
+export const showCity = (citys = CITYS) => {
+    let html = '';
+    for (let key in citys) {
+        html += `<option value="${citys[key].city}">${citys[key].name}-${key}</option>`;
+    }
+    cityList.innerHTML = html;
+};