创建简单百度地图

var point;//经纬度
var marker;//标注

var map ;//百度地图
var overMap;//鹰眼图map
var navControl;// 添加平移缩放控件  
var scaleControl;// 添加比例尺控件 

var lng =0;//经度

var lat =0;//纬度
var lng2 =113.67732;//经度  厚街经纬度
var lat2 =22.93326;//纬度  厚街经纬度

function getBMap(){

var map = new BMap.Map("container");//container是div 的id   他必须设置宽和高,高只能用px,不能用比例
    isBoolean = $("#isBoolean").val();//是否原来有定位
    if(isBoolean == "false"){//如果没有定位
    //获得浏览器经纬度
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){
    if(this.getStatus() == BMAP_STATUS_SUCCESS){//定位成功
    lng = r.point.lng;
    lat = r.point.lat;
    }
    else {//定位失败  默认
    lng = lng2;
    lat = lat2;
    }
    map.centerAndZoom(new BMap.Point(lng, lat), 17);
    point = new BMap.Point(lng, lat);
    marker = new BMap.Marker(point);

    },{enableHighAccuracy: true});
    }else{
        lng = $("#lng").val();
        lat = $("#lat").val();
    map.centerAndZoom(new BMap.Point(lng, lat), 17); 
    point = new BMap.Point(lng, lat);
    marker = new BMap.Marker(point);  // 创建标注

    }

    myDis = new BMapLib.DistanceTool(map);//加载鼠标测距
    map.disableDoubleClickZoom();//禁用双击变大
    navControl = new BMap.NavigationControl(); // 添加平移缩放控件  
map.addControl(navControl);
scaleControl = new BMap.ScaleControl();// 添加比例尺控件  
map.addControl(scaleControl);

overMap = new BMap.OverviewMapControl();
map.addControl(overMap);     //添加缩略地图控件

    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
    mapTypes:[
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]}));  
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    //单击获取点击的经纬度
    map.addEventListener("click",function(e){
    map.removeOverlay(marker);//去除之前的定位
    point = new BMap.Point(e.point.lng, e.point.lat);
    marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);               // 将标注添加到地图中
    marker.setAnimation(BMAP_ANIMATION_BOUNCE);

    });

}

猜你喜欢

转载自blog.csdn.net/hujiujun/article/details/78614112