百度地图 经纬度/输入地址 加载。。。

//实例化地图
var map = new BMap.Map("map");
//修改城市
$('input[name="region_name"]').blur(function(){
    city = $(this).val();
    map.centerAndZoom(city,13);// 初始化地图,用城市名设置地图中心点
});
//修改地址
$('input[name="cu_add"]').blur(function(){
    cu_add = $(this).val();
    myGeo.getPoint(cu_add, function(point){
        if (point) {
            cu_marker(point.lng,point.lat);
            map.centerAndZoom(new BMap.Point(point.lng,point.lat), 14);//以当前的坐标为中心点
        }
    }, city);
});
//默认
if(!cu_add){
    city = '上海市';
    map.centerAndZoom(city,13);// 初始化地图,用城市名设置地图中心点
}
map.enableScrollWheelZoom(true); // 鼠标缩放
 //比例尺
 //添加控件和比例尺
 var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角,添加比例尺
 var top_left_navigation = new BMap.NavigationControl();  //左上角,添加默认缩放平移控件
 var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角
 map.addControl(top_left_control);
 map.addControl(top_left_navigation);
 map.addControl(top_right_navigation);
 //获取用户的地址解析
 var myGeo = new BMap.Geocoder();
 if(x !== ''&& y!=='' ){
     cu_marker(x,y);//直接打点
     map.centerAndZoom(new BMap.Point(x,y), 15);//以当前的坐标为中心点
 }else{
     myGeo.getPoint(cu_add, function(point){
         if (point) {
             cu_marker(point.lng,point.lat);
             map.centerAndZoom(new BMap.Point(point.lng,point.lat), 16);//以当前的坐标为中心点
         }
     }, city);
 }
//点击地图移动点位
 map.addEventListener("click", showInfo);
 function showInfo(e){
     map.clearOverlays();//清除所有的点
     var point = e.point
     cu_marker(point.lng,point.lat);
 }
 //百度地图公共的
 function cu_marker(x,y) {
     map.clearOverlays();//清除所有的点
     var marker = new BMap.Marker(new BMap.Point(x,y)); // 创建点
     map.addOverlay(marker);//创建点
     marker.enableDragging();//点可拖拽
     //console.log('经度'+point.lng+'纬度'+point.lat)
     cu_val(x,y);
     marker.addEventListener("dragend", function (e) {//拖拽方法
         x = e.point.lng; //经度
         y = e.point.lat; //纬度
         cu_val(x,y);
     });
 }
 //赋值
 function cu_val(x,y) {
     $('input[name="cu_lat"]').val(y);
     $('input[name="cu_lng"]').val(x);
 }

你可能感兴趣的:(前端,百度地图)