<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> <script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/library/LuShu/1.2/src/LuShu_min.js"></script> <title>29.1 添加控件</title> </head> <body> <div class="wrapper"> <div class="container clearfix"> <div class="clearfix"> <div style="clear: both;"> <div style="float: left; 500px; height: 340px; border: 1px solid gray" id="container"> </div> </div> </div> </div> </div> </body> </html> <script type="text/javascript"> var map = new BMap.Map("container"); // 创建地图实例 var point = new BMap.Point(116.404, 39.950507); // 创建点坐标 map.centerAndZoom(point, 16); // 初始化地图，设置中心点坐标和地图级别 map.addControl(new BMap.OverviewMapControl({ isOpen: 1 })); //为地图添加鹰眼 //map.addControl(new BMap.NavigationControl()); //为地图添加鱼骨（默认） map.addControl(new BMap.NavigationControl({ type: BMAP_NAVIGATION_CONTROL_SMALL })); //为地图添加鱼骨（迷你型） //map.addControl(new BMap.ScaleControl()); //添加一个带上偏移量的比例尺 map.addControl(new BMap.ScaleControl({ offset: new BMap.Size(5, 40) })); //添加一个带上偏移量的比例尺 map.addControl(new BMap.MapTypeControl()); //为地图添加2D3D切换控件 map.setCurrentCity("北京市"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用 var myCopyright = new BMap.CopyrightControl({ offset: new BMap.Size(82, 0) }); //设置版权信息偏移量 map.addControl(myCopyright); //为地图添加版权控件 myCopyright.addCopyright({ id: 1, content: '<a style="line-height:30px;height:30px;display:block;color:red;background:yellow" href="http://www.cnblogs.com"><img src="http://www.ui-love.com/static/img/uiico.ico" />博客园</a>' }); </script>
