<!DOCTYPE HTML> <HTML> <HEAD> <メタのcharset = " UTF-8 " /> <タイトル>高德地图</ TITLE> <スクリプトタイプ= " テキスト/ javascriptの" SRC = " https://でWEBAPI。 amap.com/maps?v=1.4.11&key=9de88a718781910c9a1c81230827d1ce " > </ SCRIPT> <スタイルタイプ= " テキスト/ cssの" > * { マージン:0 ; パディング:0 ; リスト - スタイル:なし。 幅:100%。 高さ:100%; 位置:絶対; 左:0 ; トップ:0 ; } #1 setZoomNode、#1 setCenterNode { 幅:280px; 位置:絶対; Z -index:99 。 右:20ピクセル; トップ:は50px; 国境:1pxの黒一色。 ボックス -shadow:0 0 5pxの黒。 背景:白; } #setCenterNode { トップ:は50px。 } #node李{ カーソル:ポインタ。 } #searchNode { 幅:280px; 高さ:30px; 背景:白; 位置:絶対; トップ:20ピクセル; 右:20ピクセル; } </スタイル> </ head> <body> <DIV ID = " コンテナ" > </ div> < " > の<input type = "" NAME = "" ID = " searchInput " /> <ボタンID = " BTN " >搜索</ボタン> </ div> <DIV ID = " setCenterNode " > </ div> <スクリプトタイプ= " テキスト/ javascriptの" > のvarマップ= 新しい AMap.Map(' コンテナ' 、{ ズーム:10 、 中央:121、30 ] }); AMap.service([ ' AMap.PlaceSearch ' ]、関数(){ btn.onclick = 関数(){ 新新しいAMap.PlaceSearch({ pageSizeを:5。 、 // 5まで表示 pageIndexパラメータ:1。 、 // 2ページ目の上 :都市「010 」、 // 街検索 citylimit:trueに、 // 都市検索とに制限するかどうかを 地図:地図、 // ウィンドウに表示中の地図 パネル:' setCenterNode ' // どの要素の下に置か 。})検索(searchInput.value); // コンテンツの検索 } }); </ SCRIPT> </ BODY> < / HTML>