如何将baidu地图中的baidu logo 去掉

2024-04-27 14:15:19

字体：大中小

来源：转载

供稿：网友

如何将baidu地图中的baidu logo 去掉

今天我的老大问我是不是可以将baidumap 的js版中baidu logo 去掉。我上网查询一下，有各种方法，比如将对应的logo div remove hide 等等，这些都是需要JS 函数触发执行。但是，我还找到下面的方法，好简单采用CSS样式覆盖。代码如下：

Html代码

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<title>javascript移除百度地图LOGO和版权信息</title>
<scripttype="text/Javascript"src="//jquery.js"></script>
<scriptsrc="http://api.map.baidu.com/api?v=1.3"type="text/javascript"></script>
<scripttype="text/javascript">
functioninitialize(){
varmp=newBMap.Map('map');
mp.centerAndZoom(newBMap.Point(121.491,31.233),11);
}
window.onload=initialize;
</script>＝
<styletype="text/css">
.anchorBL{
display:none;
}
</style>
</head>
<body>
<inputtype="button"onclick="$('#mapdiv.anchorBL').hide();"value="移除地图LOGO和版权说明"/>
<divid="map"style="width:400px;height:40px"></div>
</body>
</html>

<!DOCTYPE html><html><head><meta charset="utf-8"/><title>javascript移除百度地图LOGO和版权信息</title><script type="text/javascript" src="//jquery.js"></script><script src="http://api.map.baidu.com/api?v=1.3" type="text/javascript"></script><script type="text/javascript">    function initialize() {    var mp = new BMap.Map('map');    mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);    }    window.onload = initialize;    </script>＝<style type="text/css">   .anchorBL{       display:none;   }  </style></head><body><input type="button" onclick="$('#map div.anchorBL').hide();" value="移除地图LOGO和版权说明"/><div id="map" style="width:400px;height:40px"></div></body></html>

logo 是引用如下的anchorBL css 样式，在自己的html 将其覆盖掉就可了。

但是baidu地图官方说明是不允许这么做。参考：http://developer.baidu.com/map/question.htm。

上一篇：1024的页面文字风格（比滑板鞋还炫酷！）

下一篇：DOM笔记（八）：JavaScript执行环境和垃圾收集