|
|
| 第70行： |
第70行： |
| | |align="center"|途经站，烟墩山站 | | |align="center"|途经站，烟墩山站 |
| | |} | | |} |
| − | ==地图==
| |
| − | <!DOCTYPE html>
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − | <meta name="keywords" content="高德地图,DIY地图,高德地图生成器">
| |
| − | <meta name="description" content="高德地图，DIY地图，自己制作地图，生成自己的高德地图">
| |
| − | <title>高德地图 - DIY我的地图</title>
| |
| − | <style>
| |
| − | body { margin: 0; font: 100% "Microsoft YaHei", "Helvetica Neue", "Sans-Serif"; min-height: 960px; min-width: 600px; }
| |
| − | .my-map { margin: 0 auto; width: 600px; height: 600px; }
| |
| − | .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
| |
| − | .my-map .icon-cir { height: 31px; width: 28px; }
| |
| − | .my-map .icon-cir-red { background-position: -11px -5px; }
| |
| − | .amap-container{height: 100%;}
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div id="wrap" class="my-map">
| |
| − | <div id="mapContainer"></div>
| |
| − | </div>
| |
| − | <script src="//webapi.amap.com/maps?v=1.3&key=8325164e247e15eea68b59e89200988b"></script>
| |
| − | <script>
| |
| − | !function(){
| |
| − | var infoWindow, map, level = 14,
| |
| − | center = {lng: 113.574245, lat: 22.268868},
| |
| − | features = [{type: "Marker", name: "吉大总站", desc: "20 吉大总站 ↔ 上冲总站
| |
| − | 21 吉大总站 ↔ 跨境工业区
| |
| − | 40 上冲检查站 ↔ 吉大总站
| |
| − | 43 心岸春天花园 ↔ 吉大总站
| |
| − | 60 吉大总站 ↔ 湾仔
| |
| − | 202 吉大总站 ↔ 丽珠西门（派特尔）
| |
| − | 603 白蕉开发区 ↔ 吉大总站
| |
| − | K7 平沙 ↔ 吉大总站
| |
| − | K10 吉大总站 ↔ 长隆
| |
| − | ", color: "red", icon: "cir", offset: {x: -9, y: -31}, lnglat: {lng: 113.583571, lat: 22.255056}}];
| |
| − |
| |
| − | function loadFeatures(){
| |
| − | for(var feature, data, i = 0, len = features.length, j, jl, path; i < len; i++){
| |
| − | data = features[i];
| |
| − | switch(data.type){
| |
| − | case "Marker":
| |
| − | feature = new AMap.Marker({ map: map, position: new AMap.LngLat(data.lnglat.lng, data.lnglat.lat),
| |
| − | zIndex: 3, extData: data, offset: new AMap.Pixel(data.offset.x, data.offset.y), title: data.name,
| |
| − | content: '<div class="icon icon-' + data.icon + ' icon-'+ data.icon +'-' + data.color +'"></div>' });
| |
| − | break;
| |
| − | case "Polyline":
| |
| − | for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
| |
| − | path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
| |
| − | }
| |
| − | feature = new AMap.Polyline({ map: map, path: path, extData: data, zIndex: 2,
| |
| − | strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity });
| |
| − | break;
| |
| − | case "Polygon":
| |
| − | for(j = 0, jl = data.lnglat.length, path = []; j < jl; j++){
| |
| − | path.push(new AMap.LngLat(data.lnglat[j].lng, data.lnglat[j].lat));
| |
| − | }
| |
| − | feature = new AMap.Polygon({ map: map, path: path, extData: data, zIndex: 1,
| |
| − | strokeWeight: data.strokeWeight, strokeColor: data.strokeColor, strokeOpacity: data.strokeOpacity,
| |
| − | fillColor: data.fillColor, fillOpacity: data.fillOpacity });
| |
| − | break;
| |
| − | default: feature = null;
| |
| − | }
| |
| − | if(feature){ AMap.event.addListener(feature, "click", mapFeatureClick); }
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | function mapFeatureClick(e){
| |
| − | if(!infoWindow){ infoWindow = new AMap.InfoWindow({autoMove: true}); }
| |
| − | var extData = e.target.getExtData();
| |
| − | infoWindow.setContent("<h5>" + extData.name + "</h5><div>" + extData.desc + "</div>");
| |
| − | infoWindow.open(map, e.lnglat);
| |
| − | }
| |
| − |
| |
| − | map = new AMap.Map("mapContainer", {center: new AMap.LngLat(center.lng, center.lat), level: level});
| |
| − |
| |
| − | loadFeatures();
| |
| − |
| |
| − | map.on('complete', function(){
| |
| − | map.plugin(["AMap.ToolBar", "AMap.OverView", "AMap.Scale"], function(){
| |
| − | map.addControl(new AMap.ToolBar);
| |
| − | map.addControl(new AMap.OverView({isOpen: true}));
| |
| − | map.addControl(new AMap.Scale);
| |
| − | });
| |
| − | })
| |
| − |
| |
| − | }();
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |
| | == 站场平面图 == | | == 站场平面图 == |
| | [[文件:jidazongzhan.jpg]] | | [[文件:jidazongzhan.jpg]] |
