ホームページ >ウェブフロントエンド >jsチュートリアル >Baidu Map_javascript スキルを通じてバス路線のサイト座標を取得するための js コード

Baidu Map_javascript スキルを通じてバス路線のサイト座標を取得するための js コード

WBOY
WBOYオリジナル
2016-05-16 17:53:501227ブラウズ

最近、Baidu Maps のシミュレーションデータを作成していて、あるバス路線の駅の座標情報を取得する必要があったので、Baidu には既製の API がないようだったので、シミュレーション ページを作成しました。 IE6/7/8 はサポートしていません。

コードをコピーします コードは次のとおりです:



;/title> <br><style type="text/css"> <br>html,body{ height: 100%;} <br>#results,#code{ 表示: inline-block; %; 最小高さ: 200px; ボーダー: 1px 垂直整列: トップ ;} <br></style><BR><スクリプト src="http://api.map.baidu.com /api?v=1.3" type="text/javascript"></script> ; <BR></head> <br><body> <br><p><label for="busId ">バス路線:</label><input type="text" value ="521" id="busId" /><input type="button" id="btn-search" value="クエリ" /></p> <br><div id="結果 "></div> <br><div id="座標"></div> <br>< ;script type="text/javascript"> <br>(function(){ <br>var tempVar; <br>varbusline = new BMap.BusLineSearch('武漢',{ <br>renderOptions:{panel:" results"}, <br>onGetBusListComplete: function(result){ <br>if(result ) { <br>tempVar = result;//この時点の結果には座標情報が含まれていないため、ここでは getCoowned 関数を呼び出すことはできません。変数を追跡することで、onGetBusListComplete の後に Baidu のパッケージによって座標が追加されました <br>busline.getBusLine(result.getBusListItem(0)); <br>} <br>}, <br>// API ドキュメントに合計がありますonGetBusListComplete と onBusLineHtmlSet に加えて、onBusListHtmlSet と onGetBusLineComplete も 4 つあります。 <br>// テスト後、座標は onBusLineHtmlSet ステップでのみ tempVar に追加されます (行のフォーマットが完了します) <br> / / したがって、上記のbusline.getBusLine(result.getBusListItem(0))が必要です。そうでない場合、座標リストを取得する方法はありません。 ; <br>}catch(e){ <br>} <br>} <br>}); <br>関数 getCooperative(result){ <br>var 座標 = document.getElementById("座標"); >var station = result['0']._stations; <br>var html = [] <br>stations.forEach(function(item){ <br>html.push('<li>' item.name) ' ' item .position.lng ' ' item.position.lat '<br>}); </ ul>'; <br>} <br>document.getElementById('btn-search').onclick = function(){ <br>busline.getBusList(document.getElementById("busId").value); <br> } <br>})(); <br></script> <br><br> <br>逆の行に、var station = result['0']._stations; を var station = result[xx]._stations に変更しました: <br><br><br><br><br>コードをコピー<br><br> </div> コードは次のとおりです: <br><div class="codebody" id="code1885"> <br><!DOCTYPE html> <br> <br> <br><meta charset="utf-8">; <br><title>获取公交站点坐标




<入力タイプ="button" id="btn-search" value="查询" />