让IE8浏览器支持function.bind()方法
IE8支持function.bind()方法
<scripttype="text/javascript">
if(!Function.prototype.bind){
Function.prototype.bind=function(oThis){
if(typeofthis!=="function"){
thrownewTypeError("Function.prototype.bind-whatistryingtobeboundisnotcallable");
}
varaArgs=Array.prototype.slice.call(arguments,1),
fToBind=this,
fNOP=function(){},
fBound=function(){
returnfToBind.apply(thisinstanceoffNOP&&oThis
?this
:oThis,
aArgs.concat(Array.prototype.slice.call(arguments)));
};
fNOP.prototype=this.prototype;
fBound.prototype=newfNOP();
returnfBound;
};
}
</script>
主要解决“百度地图”官网上的例子的bug，摘取如下代码：
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<metaname="viewport"content="initial-scale=1.0,user-scalable=no"/>
<styletype="text/css">
body,html{width:100%;height:100%;margin:0;font-family:"微软雅黑";}
#allmap{width:100%;height:500px;}
p{margin-left:5px;font-size:14px;}
</style>
<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=39b92e64ae5622663ceceaccd8ab8eb1"></script>
<scriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<title>给多个点添加信息窗口</title>
<scripttype="text/javascript">
if(!Function.prototype.bind){
Function.prototype.bind=function(oThis){
if(typeofthis!=="function"){
thrownewTypeError("Function.prototype.bind-whatistryingtobeboundisnotcallable");
}
varaArgs=Array.prototype.slice.call(arguments,1),
fToBind=this,
fNOP=function(){},
fBound=function(){
returnfToBind.apply(thisinstanceoffNOP&&oThis
?this
:oThis,
aArgs.concat(Array.prototype.slice.call(arguments)));
};
fNOP.prototype=this.prototype;
fBound.prototype=newfNOP();
returnfBound;
};
}
</script>
</head>
<body>
<divid="allmap"></div>
<p>点击标注点，可查看由纯文本构成的简单型信息窗口</p>
</body>
</html>
<scripttype="text/javascript">
//百度地图API功能
map=newBMap.Map("allmap");
map.centerAndZoom(newBMap.Point(116.417854,39.921988),15);
vardata_info=[[116.417854,39.921988,"地址：北京市东城区王府井大街88号乐天银泰百货八层"],
[116.406605,39.921585,"地址：北京市东城区东华门大街"],
[116.412222,39.912345,"地址：北京市东城区正义路甲5号"]
];
varopts={
width:250,//信息窗口宽度
height:80,//信息窗口高度
title:"信息窗口",//信息窗口标题
enableMessage:true//设置允许信息窗发送短息
};
for(vari=0;i<data_info.length;i++){
varmarker=newBMap.Marker(newBMap.Point(data_info[i][0],data_info[i][1]));//创建标注
varcontent=data_info[i][2];
map.addOverlay(marker);//将标注添加到地图中
marker.addEventListener("click",openInfo.bind(null,content));
}
functionopenInfo(content,e){
varp=e.target;
varpoint=newBMap.Point(p.getPosition().lng,p.getPosition().lat);
varinfoWindow=newBMap.InfoWindow(content,opts);//创建信息窗口对象
map.openInfoWindow(infoWindow,point);//开启信息窗口
}
</script>