百度地图日常笔记

允许滚轮缩放

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();

设置地图显示范围

将地图显示范围设定在指定区域，地图拖出该区域后会重新弹回

引用文件
<script type="text/javascript" src="http://api.map.baidu.com/library/AreaRestriction/1.2/src/AreaRestriction_min.js"></script>

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});
//构造底图时，关闭底图可点功能

添加城市列表控件

<div class="map" id="map_1"></div>
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);

最后编辑于：2019.06.04 17:24:26