高い道徳的なマップ - 携帯エンドの招待状

 

 

 

<！DOCTYPE HTML > 
< HTML > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
        < スクリプトタイプ= "テキスト/ javascriptの" SRC = "https://webapi.amap.com/maps?v=1.4.11&key=9de88a718781910c9a1c81230827d1ce&plugin = AMap.Driving、AMap.Autocomplete " > </ スクリプト> 
        < タイトル>高德地图案例-移动端请帖</ タイトル> 
        < メタ名= "ビューポート" コンテンツ="初期規模= 1.0、ユーザーscaleble =なし、幅=デバイス幅」 
        
            * { 
                パディング：0 。
                マージン：0 ; 
            } 
            #container { 
                位置：絶対。
                トップ：10％; 
                左：0 ; 
                幅：100％; 
                高さ：80％; 
            } 
            #panel { 
                位置：固定されました。
                バックグラウンド：白; 
                トップ：10pxの; 
                右：10pxの; 
                幅：280px ; 
            } 
            #search { 
                幅：100％ 。
                高さ：10％; 
                位置：絶対; 
                左：0PX 。
                トップ：0PX 。
                背景：白; 
            }
            本体{ 
                背景：lightcoral 。
            } 
        </ スタイル> 
    </ ヘッド> 
    < ボディ> 
        < DIV ID = "コンテナ" > </ DIV > 
        < DIV ID = "検索" > 
            < 入力タイプ= "" ID = "IPT"  /> 
            < ボタンID =」 BTN」>导航</ ボタン> 
        </ divの> 
        <！
            起点：の<input type = "text"の名= "" ID = "startNode" /> <br /> 
            终点：の<input type = "text"の名= "" ID = "エンドノード" /> <br /> 
            <ボタンID = "BTN">开始导航</ボタン> 
        </ div> - > 
        
        < スクリプト> 
            VARの地図=  新しいAMap.Map（' コンテナー' 、{ 
                ズーム：11 、
                中央：[ 116.379391 、39.861536 ] 
                
            }）。
            新しいAMap.Autocomplete（{ 
                入力："
            
            btn.onclick =  関数（）{
                 新AMap.Driving（{ 
                    マップマップ
                }）。検索（[ 
                    {キーワード：ipt.value、都市：' 北京' }、
                    {キーワード：' 天宫院' 、都市：' 北京' } 
                ]、関数（ステータス、データ）{ 
                    にconsole.log（データ）; 
                }）
            }。
            
            
        </ スクリプト> 
    </ ボディ> 
</ HTML >