百度地图api定位和导航简写

function locate() {
    // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    var point = new BMap.Point(120.152387, 30.285251);
    map.centerAndZoom(point, 17);  // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));
    map.setCurrentCity("杭州");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

    var marker = new BMap.Marker(point);        // 创建标注
    map.addOverlay(marker);                     // 将标注添加到地图中

}

function navigate() {
    // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    var point = new BMap.Point(116.508328,39.919141);
    map.centerAndZoom(point, 15);  // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));
    map.setCurrentCity("杭州");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

    var marker = new BMap.Marker(point);        // 创建标注
    map.addOverlay(marker);                     // 将标注添加到地图中

    var p1 = new BMap.Point(116.301934,39.977552);
    var p2 = new BMap.Point(116.508328,39.919141);

    var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
    driving.search(p1, p2);
}

function locateNavigation() {

    // 百度地图API功能
    var maps = $(".allmap");
    $.each(maps,function (i, e) {
        var map = new BMap.Map(e);    // 创建Map实例
        // var point = new BMap.Point(120.152387, 30.285251);
        var lng = $(e).attr("lng");
        var lat = $(e).attr("lat");
        var point = new BMap.Point(lng, lat);
        map.centerAndZoom(point, 17);  // 初始化地图,设置中心点坐标和地图级别
        //添加地图类型控件
        // map.addControl(new BMap.MapTypeControl({
        //     mapTypes:[
        //         BMAP_NORMAL_MAP,
        //         BMAP_HYBRID_MAP
        //     ]
        // }));
        map.setCurrentCity("杭州");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

        var marker = new BMap.Marker(point);        // 创建标注
        map.addOverlay(marker);                     // 将标注添加到地图中

        map.addControl(new BMap.NavigationControl(
            {
                type : BMAP_NAVIGATION_CONTROL_ZOOM, //缩放控件类型
                anchor : BMAP_ANCHOR_BOTTOM_RIGHT,
                offset : new BMap.Size(1,1)
            }
        ));

        //添加导航控件
        ZoomControl.prototype = new BMap.Control();

        ZoomControl.prototype.initialize = function(map){
            var div = document.createElement("div");
            div.appendChild(document.createTextNode("导航"));
            div.style.cursor = "pointer";
            div.style.border = "1px solid gray";
            div.style.backgroundColor = "white";

            div.onclick = function(e){
                var p1 = new BMap.Point(116.301934,39.977552);
                var p2 = new BMap.Point(116.508328,39.919141);

                var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
                driving.search(p1, p2);
            }
            // 添加DOM元素到地图中
            map.getContainer().appendChild(div);
            // 将DOM元素返回
            return div;
        }
        // 创建控件
        var myZoomCtrl = new ZoomControl();
        // 添加到地图当中
        map.addControl(myZoomCtrl);
    });
}

function ZoomControl(){
    this.defaultAnchor = BMAP_ANCHOR_TOP_RIGHT;
    this.defaultOffset = new BMap.Size(1, 1);
}