|
<table cellpadding="10" cellspacing="0"
border="1" style="width:100%;
line-height:20px;">
<tr><td style="width:640px;"><div
id="maps" style="width:640px; height:480px;
border:red solid 1px;"></div>
</td>
<td id="posInfo"
valign="top"></td>
</tr>
</table>
<script language="javascript">
var maps = new LTMaps("maps");
maps.cityNameAndZoom("beijing",5);
maps.addControl( new LTStandMapControl() );
var info = new LTInfoWindow();
function run(resultObj){
var obj = resultObj;
var roads = obj.getRoadTrack();
var line = new LTPolyLine(roads);
maps.addOverLay(line);
var kpois = obj.getKeyPoints();
for(var i=0;i<kpois.length;i++){
createLink(kpois[i],i+i);
}
}
function createLink(obj,num){
var o = obj;
var miaoshu=o.getDescription();
var lin = document.createElement("A");
lin.innerHTML = num+"、"+miaoshu;
lin.onclick = function(){
move2Center(o.getPoint(),miaoshu);
}
document.getElementById("poisInfo").appendChild(lin);
document.getElementById("poisInfo").appendChild(document.createElement("BR"));
}
function move2Center(p,ifo){
maps.moveToCenter(p);
info.setPoint(p);
info.setLabel(ifo);
maps.addOverLay(info);
}
var obj = new LTNavigate(run);//创建一个驾驶导航对象
obj.setFrom("北京","国贸",new
LTPoint(11645557,3990706));
obj.setTo("北京","中关村",new
LTPoint(11630983,3998549));
obj.navigate();
</script>
|