Baidu Map_javascript 기술을 통해 버스 노선의 사이트 좌표를 얻는 js 코드

최근에 Baidu Maps에 대한 시뮬레이션 데이터를 작성하고 있었는데, 특정 버스 노선을 따라 정류장 좌표 정보를 얻어야 하는데 Baidu에는 기성 API가 없는 것 같아서 그냥 시뮬레이션 페이지를 만들었습니다. IE6/7/8은 지원하지 않습니다.

코드 복사 코드는 다음과 같습니다.

< head>
버스 정류장 좌표 가져오기< ;/title>

버스 노선:

< ;script type="text/javascript">
(function(){
var tempVar;
var busline = new BMap.BusLineSearch('Wuhan',{
renderOptions:{panel:" results"},
onGetBusListComplete: function(result){
if(result ) {
tempVar = result;//이때 결과에는 좌표 정보가 포함되어 있지 않으므로 여기서는 getCoordinate 함수를 호출할 수 없습니다. . 변수를 추적하여 onGetBusListComplete
busline.getBusLine(result.getBusListItem(0));
}
},
// api 문서에 합계가 있습니다. 콜백은 4개가 있습니다. onGetBusListComplete, onBusLineHtmlSet 외에 onBusListHtmlSet, onGetBusLineComplete도 있습니다.
// 테스트 후 onBusLineHtmlSet 단계에서만 tempVar에 좌표가 추가됩니다(라인 서식 지정이 완료됨)
/ / 따라서 위의 busline.getBusLine(result.getBusListItem(0));이 필요합니다. 그렇지 않으면 좌표 목록을 가져올 방법이 없습니다.
onBusLineHtmlSet: function(){
try{
getCoordinate(tempVar) ;
}catch(e){
}
}
})
function getCoordinate(result){
varordinate = document.getElementById("coordinate"); >var station = result['0']._stations;
var html = []
stations.forEach(function(item){
html.push('

' item.name ' ' item .position.lng ' ' item.position.lat '

')
})
coordinate.innerHTML = '

' html.join('') ' ';
}
document.getElementById('btn-search').onclick = function(){
busline.getBusList(document.getElementById("busId").value);
}
})();




역방향 라인에 var station = result['0']._stations; 변경됨 var station = result[xx]._stations; 정리됨:

코드 복사

코드는 다음과 같습니다.

<머리>





<본문>

공주线路：<입력 유형 ="button" id="btn-search" value="查询" />

>
来自小西山子