老师，没显示路径，只有地图，后台也没有信息
老师，为什么我按照你写的代码敲的，可是出来的只有地图，没有路径啊？就是那条线，还有后台的一些经过的路径信息啊？
赵某人
2015-10-15
2 回答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<title>获取地理位置</title>
<style type="text/css">
#iCenter{width:800px; height: 800px; border:1px #000 solid;margin:20px auto;float:left;}
#id{width: 600px;height: 500px; border:1px #000 solid;margin:20px auto;float: left;}
</style>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.3&key=你的KEY值"></script>
</head>
<body>
<div id="id"></div>
<div id="iCenter"></div>
<script type="text/javascript">
//基本地图加载
var map = new AMap.Map("iCenter", {
resizeEnable: true,
center: [116.397428, 39.90923],//地图中心点
zoom: 13 //地图显示的缩放级别
});
//增加比例尺
map.plugin(['AMap.Scale'],function(){
var Scale=new AMap.Scale();
map.addControl(Scale);
});
map.plugin('AMap.Driving',function(){
var driving=new AMap.Driving({
policy:AMap.DrivingPolicy.LEAST_TIME
});
driving.search(new AMap.LngLat(116.322056,39.89491), new AMap.LngLat(116.352994,39.945261));
AMap.event.addListener(driving,'complete',function(e){
var a=e.routes[0].steps;
addMarker(a[0].path[0]);
for(var i=0;i<a.length;i++){
var b=document.getElementById('id').innerHTML+=a[i].instruction+'<br>';
drawLine(a[i].path,map);
}
map.setZoom(12);
});
});
function addMarker(position){
var mk=new AMap.Marker({
map:map,
position:position
});
}
function drawLine(data,map){
var polyline=new AMap.Polyline({
map:map,
path:data,
strokeColor: 'red',
strokeOpacity:0.9,
strokeWeight:4,
strokeDasharray:[10,5]
});
}
</script>
</body>
</html>
------------------------------------------------
可以实现的，代码如上，要自己写自己的KEY
举报
0/150
提交
取消
