コードコピーは次のとおりです。
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Title> Query Latitude and Restude bact bersed address </title>に基づいています
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<script type = "text/javascript" src = "http://api.map.baidu.com/api?v=1.3"> </script>
</head>
<body style = "背景:#cbe1ff">
<div>
クエリのアドレス:<入力id = "text_" type = "text" value = "xuzhou gupeng square" style = "margin-right:100px;"/>
クエリ結果(緯度と経度):<入力id = "result_" type = "text" />
<入力型= "button" value = "query" onclick = "searchByStationName();"/>
<div id = "container"
style = "position:absolute;
マージントップ:30px;
幅:730px;
高さ:590px;
トップ:50;
ボーダー:1pxソリッドグレー;
オーバーフロー:隠し; ">
</div>
</div>
</body>
<script type = "text/javascript">
var map = new bmap.map( "container");
map.centerandzoom( "xuzhou"、12);
map.enablescrollwheelzoom(); //スクロールホイールズームインとアウトを有効にし、デフォルトで無効にします
map.enablecontinuouszoom(); //デフォルトで無効になっているマップ慣性ドラッグアンドドロップを有効にします
map.addcontrol(new bmap.navigationcontrol()); //デフォルトのズームパンコントロールを追加します
map.addcontrol(new bmap.overviewmapcontrol()); //デフォルトのサムネイルマップコントロールを追加します
map.addcontrol(new bmap.overviewmapcontrol({isopen:true、anchor:bmap_anchor_bottom_right})); //右下隅、開きます
var localsearch = new bmap.localsearch(map);
localsearch.enableautoviewport(); //フォームサイズの自動調整を許可します
function searchByStationName(){
map.clearoverlays(); //元のタグをクリアします
var keyword = document.getElementById( "text _")。value;
localsearch.setsearchcompletecallback(function(searchResult){
var poi = searchResult.getPoi(0);
document.getElementById( "result _")。value = poi.point.lng + "、" + poi.point.lat;
map.centerandzoom(poi.point、13);
var marker = new bmap.marker(new bmap.point(poi.point.lng、poi.point.lat)); //アノテーションを作成する場所の緯度と経度に照会される場所の緯度と経度
map.addoverlay(マーカー);
var content = document.getElementById( "text _")。value + "<br/> <br/> long:" + poi.point.lng + "<br/> lat:" + poi.point.lat;
var infowindow = new bmap.infowindow( "<p style = 'font-size:14px;'>" + content + "</p>");
marker.addeventlistener( "click"、function(){this.openinfowindow(infowindow);});
// marker.setanimation(bmap_animation_bounce); //アニメーションを破ります
});
localsearch.search(keyword);
}
</script>
</html>
上記はすべてコードです。友達はプロジェクトで直接それを使用できます。私に感謝しないでください、私をレイ・フェンと呼んでください〜