更改

跳到导航 跳到搜索

西安至围头线 (查看源代码)

2017年5月17日 (三) 10:58的版本

添加4,114字节 、​ 2017年5月17日 (三) 10:58
创建页面，内容为“斗门乡镇轮渡西安至围头线，是一条斗门区莲洲镇内的轮渡线路。本线路为人渡航线，不设车渡。 ==概况== *发班情况: **头...”
斗门乡镇轮渡[[西安至围头线]]，是一条斗门区莲洲镇内的轮渡线路。本线路为人渡航线，不设车渡。
==概况==
*发班情况:
**头班
***围头：05:45，西安：06:00
**尾班
***围头：19:00，西安：19:15
*发班间隔：
**客满即走，不少于15分钟/班。
*单程航程：约5分钟
==航线地图==
<!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: 13px/1.5 "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="http://webapi.amap.com/maps?v=1.3&key=8325164e247e15eea68b59e89200988b"></script>
<script>
!function(){
var infoWindow, map, level = 15,
center = {lng: 113.21406, lat: 22.380806},
features = [{type: "Marker", name: "西安渡口", desc: "", color: "red", icon: "cir", offset: {x: -9, y: -31}, lnglat: {lng: 113.217404, lat: 22.381277}},
{type: "Marker", name: "围头渡口", desc: "", color: "red", icon: "cir", offset: {x: -9, y: -31}, lnglat: {lng: 113.213917, lat: 22.381053}},
{type: "Polyline", name: "西安至围头线", desc: "", strokeWeight: 5, strokeColor: "#F0202F", strokeOpacity: 0.8, lnglat: [{lng: 113.217468, lat: 22.381197}, {lng: 113.213949, lat: 22.381098}, {lng: 113.213903, lat: 22.381138}]}];

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.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>
Zhbus
行政员、​界面管理员、​监督员、​管理员
15,684

个编辑

取自“https://w.zhbus.org/特殊:移动版差异/4441”

导航菜单