高いドイツの地図と関心のポイント(POI)

<!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 
                中央:12130 ] 
            }); 
            
            AMap.service([ ' AMap.PlaceSearch ' ]、関数(){ 
                btn.onclick = 関数(){
                     新新しいAMap.PlaceSearch({ 
                        pageSizeを:5。 // 5まで表示 
                        pageIndexパラメータ:1。 // 2ページ目の上 
                        :都市010 // 街検索 
                        citylimit:trueに// 都市検索とに制限するかどうかを
                        地図:地図、   // ウィンドウに表示中の地図 
                        パネル:' setCenterNode '   // どの要素の下に置か 
                    。})検索(searchInput.value);   // コンテンツの検索
                } 
            });
            
         </ SCRIPT> 
    </ BODY> 
< / HTML>

 

 

おすすめ

転載: www.cnblogs.com/rickdiculous/p/11426735.html