文章标题

javascript 百度地图API的小代码

协同开发的项目的一个小代码,解决mark展示以及mark间歇出现(类似于闪烁)效果的代码

function addMarker_green(point,temp) {
    var tmpMarkerIcon = new BMap.Icon("icon/green.png", new BMap.Size(24, 24));
    tmpMarker = new BMap.Marker(point, { icon: tmpMarkerIcon });
    MapControl.addOverlay(tmpMarker);
    var opts_ = {
        width: 50,     // 信息窗口宽度
        height: 80,     // 信息窗口高度
        title: "<b>温度信息(暂定)</b>" // 信息窗口标题
    }
    var pipStr = "";
    pipStr += "经度:<b>" + point.lng + "</b><br/>";
    pipStr += "纬度:<b>" + point.lat + "</b><br/>";
    pipStr += "温度:<b>" + temp + "</b><br/>";
    var pipWindow1 = new BMap.InfoWindow(pipStr, opts_);  // 创建信息窗口对象

    tmpMarker.addEventListener("mouseover", function(e) {
    MapControl.openInfoWindow(pipWindow1, point); //开启信息窗口
    });
    tmpMarker.addEventListener("mouseout", function(e) {
        MapControl.closeInfoWindow();
    });

}
function addMarker_red(point,temp) {
    var tmpMarkerIcon = new BMap.Icon("icon/red.png", new BMap.Size(24, 24));
    tmpMarker = new BMap.Marker(point, { icon: tmpMarkerIcon });
    MapControl.addOverlay(tmpMarker);
    var opts_ = {
        width: 50,     // 信息窗口宽度
        height: 80,     // 信息窗口高度
        title: "<b>温度信息</b>" // 信息窗口标题
    }
    var pipStr = "";
    pipStr += "经度:<b>" + point.lng + "</b><br/>";
    pipStr += "纬度:<b>" + point.lat + "</b><br/>";
    pipStr += "温度:<b>" + temp + "</b><br/>";
    var pipWindow1 = new BMap.InfoWindow(pipStr, opts_);  // 创建信息窗口对象
    tmpMarker.addEventListener("mouseover", function(e) {
        MapControl.openInfoWindow(pipWindow1, point); //开启信息窗口
    });
    tmpMarker.addEventListener("mouseout", function(e) {
        MapControl.closeInfoWindow();
    });
    function Over() {
        tmpMarker.hide();
        setTimeout(showOver, 1000);
    }
    function showOver() {
        tmpMarker.show();
    }
    Over();
    setInterval(Over, 2000);
}
function showMainAreaTemp() {
    var temp1Position = new BMap.Point(117.934182, 41.005099),
     temp2Position = new BMap.Point(117.941297, 41.00352),
     temp3Position = new BMap.Point(117.9395, 40.999545),
     temp4Position = new BMap.Point(117.932242, 40.999327);
    var  temp1 = 30,
         temp2 = 40,
         temp3 = 55,
         temp4 = 60;
    addMarker_green(temp1Position, temp1);
    addMarker_green(temp2Position, temp2);
    addMarker_green(temp3Position, temp3);
    addMarker_red(temp4Position, temp4);  
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值