/** * Created by 30947 on 2018/7/20. */ $(function(){ getHt(); initMap(); }) //获取div的高度 function getHt(){ var all_height=$(window).height(); var div_height=all_height-84; $("#car_control").css("height",div_height+"px"); } //加载地图 function initMap(){ // 百度地图API功能 var map = new BMap.Map("map"); // 创建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, })); }