文章标题

来源：互联网发布：张子萱淘宝店名字编辑：程序博客网时间：2024/06/06 03:20
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);  ｝
0 0