創建簡單百度地圖

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

    });

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章