第21行: |
第21行: |
| [[香洲总站]]是珠海市公共汽车一个重要的公交场站,也是珠海最重要的公共交通转乘站之一,位于珠海市香洲区翠香路152号。[[香洲总站]]占地约5000平方米,包括两座候车室(公汽候车室、信禾公汽候车室)、员工食堂、宿舍楼、电动公交充电桩等设施。 | | [[香洲总站]]是珠海市公共汽车一个重要的公交场站,也是珠海最重要的公共交通转乘站之一,位于珠海市香洲区翠香路152号。[[香洲总站]]占地约5000平方米,包括两座候车室(公汽候车室、信禾公汽候车室)、员工食堂、宿舍楼、电动公交充电桩等设施。 |
| =现状= | | =现状= |
− | ===配套设施及场站简图=== | + | ===电子地图=== |
| + | *点击站场内地块可显示相关信息。 |
| + | <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: 800px; height: 500px; } |
| + | .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; } |
| + | .my-map .icon-flg { height: 32px; width: 29px; } |
| + | .my-map .icon-flg-yellow { background-position: -65px -105px; } |
| + | .my-map .icon-cir { height: 31px; width: 28px; } |
| + | .my-map .icon-cir-yellow { background-position: -11px -105px; } |
| + | .amap-container{height: 80%;} |
| + | </style> |
| + | </head> |
| + | <body> |
| + | <div id="wrap" class="my-map"> |
| + | <div id="mapContainer"></div> |
| + | </div> |
| + | <script src="http://webapi.amap.com/maps?v=1.3&key=8325164e247e15eea68b59e89200988b"></script> |
| + | <script> |
| + | !function(){ |
| + | var infoWindow, map, level = 17, |
| + | center = {lng: 113.567441, lat: 22.279902}, |
| + | features = [{type: "Polygon", name: "香洲总站", desc: "市区、横琴、金湾、坦洲线路候车区", strokeWeight: 2, strokeColor: "#19A4EB", strokeOpacity: 0.8, fillColor: "red", fillOpacity:0.2, lnglat: [{lng: 113.566632, lat: 22.279517}, {lng: 113.566782, lat: 22.279924}, {lng: 113.566873, lat: 22.280053}, {lng: 113.567324, lat: 22.27974}, {lng: 113.567211, lat: 22.279576}, {lng: 113.567013, lat: 22.279566}, {lng: 113.566809, lat: 22.279641}, {lng: 113.56676, lat: 22.279517}]}, |
| + | {type: "Polygon", name: "香洲总站", desc: "落客区", strokeWeight: 2, strokeColor: "#FFCC02", strokeOpacity: 0.8, fillColor: "red", fillOpacity:0.2, lnglat: [{lng: 113.566822, lat: 22.279621}, {lng: 113.567021, lat: 22.279551}, {lng: 113.567267, lat: 22.279556}, {lng: 113.567262, lat: 22.279472}, {lng: 113.566774, lat: 22.279497}]}, |
| + | {type: "Polygon", name: "香洲总站", desc: "车辆停放区", strokeWeight: 2, strokeColor: "#BBBBBB", strokeOpacity: 0.8, fillColor: "red", fillOpacity:0.2, lnglat: [{lng: 113.567924, lat: 22.279472}, {lng: 113.567302, lat: 22.279477}, {lng: 113.567297, lat: 22.279472}, {lng: 113.567297, lat: 22.279591}, {lng: 113.567383, lat: 22.279745}, {lng: 113.567629, lat: 22.279993}, {lng: 113.567393, lat: 22.280177}, {lng: 113.567517, lat: 22.280276}, {lng: 113.567973, lat: 22.279909}, {lng: 113.568235, lat: 22.279661}]}, |
| + | {type: "Polygon", name: "香洲总站", desc: "信禾线路(60*、K4、K6)始发区", strokeWeight: 2, strokeColor: "#19A4EB", strokeOpacity: 0.8, fillColor: "red", fillOpacity:0.2, lnglat: [{lng: 113.567384, lat: 22.280142}, {lng: 113.567593, lat: 22.279983}, {lng: 113.567362, lat: 22.27976}, {lng: 113.567159, lat: 22.279914}]}, |
| + | {type: "Marker", name: "香洲总站", desc: "站场", color: "yellow", icon: "flg", offset: {x: -12, y: -26}, lnglat: {lng: 113.566936, lat: 22.279735}}, |
| + | {type: "Marker", name: "香洲总站", desc: "南行站", color: "yellow", icon: "cir", offset: {x: -9, y: -31}, lnglat: {lng: 113.566047, lat: 22.278898}}]; |
| + | |
| + | 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}); |
| + | new AMap.TileLayer.Satellite({map: map, zIndex: 1}); |
| + | new AMap.TileLayer.RoadNet({map: map, zIndex: 2}); |
| + | 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>===配套设施及场站简图=== |
| {{pic | | {{pic |
| | 外链=http://ww3.sinaimg.cn/mw690/9f04c19egw1f0c3piphrvj21kw15p132.jpg | | | 外链=http://ww3.sinaimg.cn/mw690/9f04c19egw1f0c3piphrvj21kw15p132.jpg |