很多網站都通過使用百度接口來獲取一些信息,例如公交站點信息,這樣可以增強網站的功能,提高人性化程度,當然更吸引用戶,下面就是一段相關的代碼實例,希望能夠給需要的朋友帶來一定的幫助。
   [ 其他 ] 運行代碼    下載代碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.4756661.live/" />
<title>獲取公交站點的位置-51前端</title> 
<style type="text/css"> 
html,body{ 
  height:100%;
} 
#results,#coordinate{ 
  display:inline-block; 
  width:45%; 
  min-height:200px; 
  border:1px solid #e4e4e4; 
  vertical-align:top;
} 
</style> 
<script src="http://api.map.baidu.com/api?v=1.3" type="text/javascript"></script> 
</head> 
<body> 
<p>
  <label for="busId">公交線路:</label>
  <input type="text" value="581" id="busId" />
  <input type="button" id="btn-search" value="查詢" />
</p> 
<div id="results"></div> 
<div id="coordinate"></div> 
<script type="text/javascript"> 
var global={}; 
  global.tempVar={}; 
  global.index=0; 
  global.lineNo=0; 
  var busline=new BMap.BusLineSearch('武漢',{ 
    renderOptions:{panel:"results"}, 
    onGetBusListComplete: function(result){ 
    if(result){ 
      global.tempVar = result; 
    } 
  }, 
  onBusLineHtmlSet:function(){ 
    try{ 
      getCoordinate(global.tempVar); 
    }
    catch(e){} 
  } 
}); 
function $$(id){ 
  return document.getElementById(id); 
} 
function getCoordinate(result){ 
  var coordinate=$$("coordinate"); 
  var stations=result[global.index]._stations; 
  var html=[]; 
  stations.forEach(function(item,index){ 
    html.push('<li>'+global.lineNo+'#'+global.index+'#'+index+'#'+item.name+'#'+item.position.lng+'#'+item.position.lat+'</li>'); 
  }); 
  coordinate.innerHTML='<ul>'+html.join('')+'</ul>'; 
} 
$$('btn-search').onclick=function(){ 
  global.lineNo=$$("busId").value; 
  busline.getBusList(global.lineNo); 
} 
$$('results').addEventListener('click',function(event){ 
  var target = event.target; 
  if('a' == target.tagName.toLowerCase() && 'dt' == target.parentNode.tagName.toLowerCase()){ 
    event.preventDefault(); 
    var tempHtml = target.parentNode.innerHTML; 
    var indexOfValue = tempHtml.indexOf('_selectBusListItem('); 
    global.index = - ( - tempHtml.substring(indexOfValue + '_selectBusListItem('.length,indexOfValue + '_selectBusListItem('.length + 1) ); 
    busline.getBusLine(global.tempVar.getBusListItem(global.index)); 
  } 
},false); 
</script> 
</body> 
</html>

代碼描述:JavaScript百度地圖 獲取公交站點,JavaScript通過百度地圖獲取公交站點的代碼實例



5 7



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: js js代碼 js實例 javascript javascript代碼 javascript實例 js函數方法 js函數 js方法 javascript函數方法 javascript函數 javascript方法
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

林肯娱乐怎么赚钱