引入
<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();
百度地图
