引入
<link rel="stylesheet" />
<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);
//設(shè)置地圖語言 'en', 混中英合的'zh_en', 'zh_cn'
// map.setLang('zh_en');//語言
// 創(chuàng)建控件
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();
// 打開或關(guān)閉鷹眼
overView.open();
overView.close();
百度地圖
