マップコントロール：概要、規模、ツールバー

地図共通コントロール：
1、AMap.MapType共通層の一定数の切り替えのためのマップハンドオーバのウィジェットタイプ
2、AMap.OverView：サムネイル表示中の地図のイーグルマップウィジェットを、デフォルトの右下隅
3、AMap.Scale。地図の縮尺プラグ
4、AMap.ToolBar：マップツールバープラグインはマップのズームとパンを制御するために使用することができ

マップのプラグインを追加します。はMap.addControl（新しいAMAPのプラグイン名を（）。）

 

 

 

<！DOCTYPE HTML > 
< HTML > 
    < ヘッド> 
        < メタのcharset = "UTF-8" > 
        < スクリプトタイプ= "テキスト/ javascriptの" SRC = "https://webapi.amap.com/maps?v=1.4.11&key=9de88a718781910c9a1c81230827d1ce&plugin = AMap.Scale、AMap.OverView ,, AMap.ToolBar、AMap.Autocomplete」> </ スクリプト> 
        < タイトル>地图控件：概要、規模、ツールバー</ タイトル> 
        < スタイル> 
            * { 
                パディング：
                マージン：0 ; 
            } 
            #container { 
                位置：絶対。
                トップ：0 ; 
                左：0 ; 
                幅：100％; 
                高さ：100％; 
            } 
            #panel { 
                位置：固定されました。
                背景：白; 
                トップ：10pxの;
                右：10pxの; 
                幅：280px ; 
            } 
            #search { 
                幅：200pxの。
                高さ：160ピクセル; 
                位置：絶対; 
                左：10pxの; 
                トップ：10pxの; 
                背景：白; 
            } 
        </ スタイル> 
    </ ヘッド> 
    <ボディ> 
        < DIV ID = "コンテナ" > </ DIV > 
        
        
        < スクリプト> 
            VARの地図=  新しいAMap.Map（' コンテナー' 、{ 
                ズーム：11 、
                中央：[ 116.379391 、39.861536 ] 
                
            }）。
            
            Map.addControl（新しいAMap.OverView（））; 
            Map.addControl（新しいAMap.Scale（））; 
            Map.addControl（新しいAMap.ToolBar（））;
        </ スクリプト> 
    </ ボディ> 
</ HTML >