高い道徳的なマップ検索のヒント

<！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 ; 
                リスト - スタイル：なし。
            #container { 
                幅：100％。
                高さ：100％; 
                位置：絶対; 
                左：0 ; 
                トップ：0 ; 
            } 
            ＃1 setZoomNode、＃1 setCenterNode { 
                幅：300ピクセル。
                高さ：500pxなど。
                位置：絶対; 
                Z -index：99 。
                右：20ピクセル; 
                トップ：20ピクセル; 
                国境：1pxの黒一色。
                ボックス-shadow：0  0 5pxのブラック。
                背景：白; 
            } 
            #node李{ 
                カーソル：ポインタ。
            }
         </スタイル> 
    </ head> 
    <body> 
        <DIV ID = " コンテナ" > </ div> 
        <DIV ID = " setCenterNode " > 
            の<input type = " テキスト" ID = " 検索テキスト" /> 
            <UL ID = " ノード" > </ UL>
        >
             Varの地図= 新しい新しい AMap.Map（' コンテナ' 、{ 
                ズーム：10 、
                センター：[ 121、30 ] 
            }）; 
            
            // プラグインをロード：オートコンプリートマップロードが完了したコールバックトリガ 
            AMap.pluginを（' AMap.Autocomplete ' 関数（）{
                 // はconsole.log（1）; 
                searchText.oninput = 関数（）{
                     // はconsole.log（this.value）; 
                    node.innerHTML = ' ';
                    場合（この .VALUE == '' ）{
                         返します。
                    } 
                    
                    新しい AMap.Autocomplete（）検索（この.VALUE、関数（ステータス、データ）{
                         // はconsole.log（データ）
                        のために（VAR i = 0 ; iはdata.tips.length <; iは++ ）{
                             VAR OLI =のdocument.createElement（' リー' ）; 
                            oLi.innerHTML = data.tips [I] .nameの; 
                            oLi.P =data.tips [i]は.location.P。
                            oLi.Q = data.tips [I] .location.Q。
                            node.appendChild（OLI）。
                            oLi.onclick = 関数（）{
                                 // はconsole.log（this.P、this.R）。
                                map.setCenter（[ この .Q、この.P]）。
                            }。
                        } 
                    }）。
                }。
            }）; 
            
        </スクリプト> 
    </ BODY> 
</ HTML>
高い道徳的なマップ検索のヒント

おすすめ
