init
This commit is contained in:
72
subway/index.html
Normal file
72
subway/index.html
Normal file
@@ -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&key=1894fdb3350f516c62fc6c2844fb8116&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>
|
||||
226
subway/show-city.js
Normal file
226
subway/show-city.js
Normal file
@@ -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;
|
||||
};
|
||||
Reference in New Issue
Block a user