百度地图接口调用

百度地图api

var map;
initMap();
//创建和初始化地图函数：
function initMap() {
    createMap();//创建地图
    setMapEvent();//设置地图事件
    addMapControl();//向地图添加控件
}
function createMap() {
    map = new BMap.Map("map", {enableMapClick: false});
    var eq_longitude = $('#eq_longitude').val();
    var eq_latitude = $('#eq_latitude').val();
    var point = new BMap.Point(parseFloat(eq_longitude), parseFloat(eq_latitude));
    map.centerAndZoom(point, 13);//绽放级别

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

    var opts = {
        width: 220,     // 信息窗口宽度
        height: 100,     // 信息窗口高度
        title: 标题, // 信息窗口标题
        enableMessage: true,//设置允许信息窗发送短息
        message: "亲耐滴，晚上一起吃个饭吧？戳下面的链接看下地址喔~"
    }

    var infoWindow = new BMap.InfoWindow(message, opts);  // 创建信息窗口对象
    marker.addEventListener("onmouseover", function () {
        map.openInfoWindow(infoWindow, point); //开启信息窗口
    });


}
//事件
function setMapEvent() {
    //map.enableScrollWheelZoom();
    map.disableScrollWheelZoom();
    map.enableKeyboard();
    map.enableDragging();
    map.enableDoubleClickZoom();

}
function addClickHandler(target, window) {
    target.addEventListener("click", function () {
        target.openInfoWindow(window);
    });
}
//向地图添加控件
function addMapControl() {
    var scaleControl = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
    scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
    map.addControl(scaleControl);
    var navControl = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
    map.addControl(navControl);
    var overviewControl = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: false});
    map.addControl(overviewControl);
    map.addControl(new BMap.MapTypeControl());//添加地图类型控件
    var stCtrl = new BMap.PanoramaControl(); //构造全景控件
    stCtrl.setOffset(new BMap.Size(20, 40));
    map.addControl(stCtrl);//添加全景控件
    //缩略地图控件
    var size = new BMap.Size(180, 180);//缩略图控件的参数
    var map_OverView = new BMap.OverviewMapControl({size: size, isOpen: true});
    map.addControl(map_OverView);
}
//测距
function myDis_open() {
    var myDis = new BMapLib.DistanceTool(map);
    myDis.open();
}