getBaiDuMapUtil.js

// 根据地址获取经纬度
function getLatAndLon(lng, lat, address, container) {
    // 默认数据
    var _lng = '116.40396298757886';
    var _lat = '39.91511908708907';
    var _Address = '北京市天安门';

    // 构建地图
    var map = new BMapGL.Map(container);
    map.centerAndZoom(new BMapGL.Point(_lng, _lat), 15);
    var marker = new BMapGL.Marker(new BMapGL.Point(_lng, _lat), { title: address }); // 创建点标记
    map.addOverlay(marker); // 在地图上添加点标记
    map.enableScrollWheelZoom(true); // 启用滚轮放大缩小。
    map.enableInertialDragging(true); // 启用地图惯性拖拽,默认禁用。
    map.enableContinuousZoom(true); // 启用连续缩放效果,默认禁用。

    // 创建地址解析器实例
    var myGeo = new BMapGL.Geocoder();

    // 将地址解析结果显示在地图上,并调整地图视野
    myGeo.getPoint(address, function (point) {
        if (point) {
            lng.value = point.lng;
            lat.value = point.lat;
            map.centerAndZoom(point, 15);
            map.addOverlay(new BMapGL.Marker(point, { title: address }))
        } else {
            alert('您选择的地址没有解析到结果!');
        }
    }, _Address)

    // 地图点击事件
    map.addEventListener("click", function (e) {
        lng.value = e.latlng.lng;
        lat.value = e.latlng.lat;
        // 清空已有标记
        map.clearOverlays();
        var marker = new BMapGL.Marker(e.latlng, { title: address });
        // 在地图上添加点标记
        map.addOverlay(marker);
    });
}

// 点击获取经纬度
function clickGetLatAndLon() {
    // 默认经纬度数据
    var _lng = '116.40396298757886';
    var _lat = '39.91511908708907';

    // 构建地图
    var map = new BMapGL.Map('container');
    map.centerAndZoom(new BMapGL.Point(_lng, _lat), 15); // 初始化地图,设置中心点坐标和地图级别
    //map.setMapType(BMAP_EARTH_MAP); // 设置地图类型为地球模式
    var marker = new BMapGL.Marker(new BMapGL.Point(_lng, _lat)); // 创建点标记
    map.addOverlay(marker); // 在地图上添加点标记
    map.enableScrollWheelZoom(true); // 启用滚轮放大缩小

    // 地图点击事件
    map.addEventListener("click", function (e) {
        longitude.value = e.latlng.lng;
        latitude.value = e.latlng.lat;
        // 清空已有标记
        map.clearOverlays();
        var marker = new BMapGL.Marker(new BMapGL.Point(_lng, _lat));
        // 在地图上添加点标记
        map.addOverlay(marker);
    });
}

//地图弹出框
/*$(document).on('click', '#linkAdr', function() {
    layer.open({
        type: 2,
        title: '',
        fix: false,
        maxmin: true,
        shadeClose: true,
        area: ['1100px', '600px'],
        //content: $('#container'),
        content: 'http://map.baidu.com/'
    });
});*/

  

posted @ 2021-10-23 15:04  九点的太阳  阅读(32)  评论(0)    收藏  举报