百度地图接口调用

百度地图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();
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

忆枫717

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值