$(function(){ initMap(); }) //地图界面高度设置 //加载地图 function initMap(){ // 百度地图API功能 var map = new BMap.Map("map_div"); // 创建Map实例 map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别 //添加地图类型控件 var size1 = new BMap.Size(10, 50); map.addControl(new BMap.MapTypeControl({ offset: size1, mapTypes:[ BMAP_NORMAL_MAP, BMAP_HYBRID_MAP, ]})); // 编写自定义函数,创建标注 function addMarker(point){ var marker = new BMap.Marker(point); map.addOverlay(marker); } // 随机向地图添加25个标注 var bounds = map.getBounds(); var sw = bounds.getSouthWest(); var ne = bounds.getNorthEast(); var lngSpan = Math.abs(sw.lng - ne.lng); var latSpan = Math.abs(ne.lat - sw.lat); for (var i = 0; i < 25; i ++) { var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7)); addMarker(point); }; map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的 map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 //设备地图颜色 var mapStyle={ style:"midnight" }; map.setMapStyle(mapStyle); //加载城市控件 var size = new BMap.Size(10, 50); map.addControl(new BMap.CityListControl({ anchor: BMAP_ANCHOR_TOP_LEFT, offset: size, })); }