百度地图 - 添加区划覆盖物 - 循环打点

var map = new BMap.Map("mapId",{enableMapClick:false});    // 创建Map实例  //禁用点击事件

function baiDuMap (){
    // 百度地图API功能

    map.centerAndZoom(new BMap.Point(115.672053,37.667771), 12); // 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));

    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));

    //地图级别
    var oldZoom = map.getZoom(); // 上次级别;(地图缩放后,维护为当前级别)
    var curZoom = map.getZoom(); // 当前级别;(地图缩放后,维护为实际级别)
    var MAX_ZOOM = 12; // 地图缩放级别分界线,大于等于 为大级别,小于 为小级别

    // createdMarker(115.672053, 37.667771); // 创建点
    var arr = [
        {
            x: 115.672053,
            y: 37.667771
        },{
            x: 115.172053,
            y: 37.167771
        },{
            x: 115.972053,
            y: 37.967771
        },
    ]
    for(var i=0; i<arr.length; i++){
        createdMarker(arr[i].x, arr[i].y); // 循环创建点
    }
}

function createdMarker(X, Y){
    // 图片
    var myIcon = new BMap.Icon("../img/track_positioning/marker.png",
        new BMap.Size(30,30),
        {
            imageSize:new BMap.Size(30, 30)
        });

    // 创建点
    var marker1 = new BMap.Marker(new BMap.Point(X,Y), {
        icon:myIcon,
        offset: new BMap.Size(15,15)
    });

    map.addOverlay(marker1);

    marker1.onclick = function(){
        openInfoWindow(marker1);
    }
}

// 窗口
function openInfoWindow (marker1){
    var infoWindow = new BMap.InfoWindow('', {offset: new BMap.Size(60, -30)});
    infoWindow.close();

    var els = $('#BMap_bubble_content').clone().show();
    infoWindow.setContent(els[0]);
    map.openInfoWindow(infoWindow, marker1.getPosition());
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值