コントロールを追加＆削除 - 高い道徳的なマップを

コントロールのプロパティ
をtrueに//ブールデフォルト可視
OV =新しい新しいAMap.OverView（）; 
ov.hide（）; //ov.show（）;表示/非表示---コントロールを追加および削除表します

 

 

<！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 ;：0 ; 
            } 
            #container { 
                位置：絶対。
                トップ：0 ; 
                左：0 ; 
                幅：100％; 
                高さ：100％; 
            } 
            #panel { 
                位置：固定されました。
                背景：白; 
                トップ：10pxの; 
                右：10pxの; 
                幅：280px ; 
                高さ：200pxの。
            } 
            #search { 
                幅：200pxの。
                高さ：160ピクセル; 
                位置：絶対; 
                左：10pxの; 
                トップ：10pxの; 
                背景：白; 
            } 
        </ スタイル> 
    </ヘッド> 
    < ボディ> 
        < DIV ID = "コンテナ" > </ DIV > 
        < DIV ID = "パネル" > 
            < ボタンID = "YY" >鹰眼</ ボタン> 
            < ボタンID = "GJT" >工具条< / ボタン> 
            < ボタンID = "BLC" >比例尺</ ボタン> 
        </ DIV > 
        
        <スクリプト> 
            のvar マップ= 新しいAMapMap（' コンテナ' 、{ 
                ズーム：11と、
                中央：[ 116379391 、39861536 ] 
                
            }）。
            
            VAR OV =  新しいAMapOverView（{ 
                可視：trueに設定され、
            }）。
            VaRのOS =  新しいAMapScale（）;
            VAR OT =  新しいAMapToolBar（）; 
            Map.addControl（OV）。
            Map.addControl（OS）。
            Map.addControl（OT）。
            
            yyNodeを聞かせて= gitの= BLC =  偽; 
            yy.onclick =  関数（）{
                 場合（yyNode ==  真）{ 
                    oV.hide（）。
                } 他{ 
                    oV.show（）。
                } 
                yyNode =  ！yyNode; 
            }。
            
        </ スクリプト> 
    </ ボディ> 
</ HTML >