允许滚轮缩放
map.enableScrollWheelZoom(true);
坐标拾取器
http://api.map.baidu.com/lbsapi/getpoint/index.html
地图上打一个点
var marker = new BMap.Marker(new BMap.Point(121.477228,31.22251));
map.addOverlay(marker);
设置点位的弹跳动画
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
百度地图demo
根据城市名设置地图中心点
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom("上海",15); // 初始化地图,用城市名设置地图中心点
设置地图缩放的最大,最小级别
var map = new BMap.Map("map_1",{minZoom:4,maxZoom:10});
移动地图
$(".btn_1").bind("click", function() {
map.panTo(new BMap.Point(116.424885, 39.922656))
})
放大缩小地图
map.setZoom(16);
放大到16级,一共19个层级
禁止拖拽地图,开启拖拽地图
禁止拖拽地图
map.disableDragging();
开启拖拽地图
map.enableDragging();
设置地图显示范围
将地图显示范围设定在指定区域,地图拖出该区域后会重新弹回
引用文件
var b = new BMap.Bounds(new BMap.Point(116.027143, 39.772348),new BMap.Point(116.832025, 40.126349));
BMapLib.AreaRestriction.setBounds(map, b);
经度纬度
lat-latitude(纬度-横向)
lng-longitude (经度--纵向)
获取经度维度显示范围
var bs = map.getBounds(); //获取可视区域
var bssw = bs.getSouthWest(); //可视区域左下角
var bsne = bs.getNorthEast(); //可视区域右上角
$(".p_1").html("当前地图可视范围是:" +"经度"+ bssw.lng + "," +"维度"+ bssw.lat + "到" + bsne.lng + "," + bsne.lat);
获取两点之间的距离并且画出折线
$(".btn_7").bind("click", function() {
var pointA=new BMap.Point(121.479678,31.240622);
var pointB=new BMap.Point(116.401026,39.913802);
$(".p_1").html("从上海到北京的距离是--"+map.getDistance(pointA,pointB).toFixed(1)+"米")
// 画个线
var L = new BMap.Polyline([pointA,pointB], {strokeColor:"blue", strokeWeight:30, strokeOpacity:0.5}); //定义折线
map.addOverlay(L);
map.setZoom(5);
});
关闭底图可点功能
var map = new BMap.Map("allmap", {enableMapClick:false});
//构造底图时,关闭底图可点功能
添加城市列表控件
var map = new BMap.Map("map_1");
map.centerAndZoom("上海", 15);
var aa = new BMap.CityListControl({
anchor: BMAP_ANCHOR_TOP_LEFT,
offset: new BMap.Size(10, 20),
})
map.addControl(aa);