百度地图 比例尺、

引入

<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>


<script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
<script src="http://webapi.amap.com/maps?v=1.3&key=06fb75f531ce19fd2af711465487d07a&&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar"></script>

html:

    <div id="container">
        
    </div>
    var map=new AMap.Map('container',{
        resizeEnable:true,
        zoom:11,
        center:[116.397428,39.90923]
    });
    // console.log(map);
    //设置地图语言 'en',     混中英合的'zh_en',   'zh_cn'

    // map.setLang('zh_en');//语言

    // 创建控件
    var scale=new AMap.Scale({//比例尺
            visible:true
        }),
        toolBar=new AMap.ToolBar({//工具条
            visible:true
        }),
        overView=new AMap.OverView({
            visible:true
        });
    map.addControl(scale);
    map.addControl(toolBar);
    map.addControl(overView);

    //工具条操作

    // 显示隐藏方向盘
    toolBar.hideDirection();
    // toolBar.showDirection();

    // 工具条标尺
    // toolBar.showRuler();
    toolBar.hideRuler();

    // 鹰眼
    // 显示隐藏鹰眼按钮
    overView.show();
    overView.hide();

    // 打开或关闭鹰眼
    overView.open();
    overView.close();

百度地图

推荐阅读更多精彩内容