创建简单百度地图

xiaoxiao2021-02-28  27

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

var map ;//百度地图var overMap;//鹰眼图mapvar 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);

    });

}

转载请注明原文地址: https://www.6miu.com/read-2250373.html

最新回复(0)