今天我的老大问我是不是可以将baidumap 的js版中baidu logo 去掉。我上网查询一下，有各种方法，比如将对应的logo div remove hide 等等，这些都是需要JS 函数触发执行。但是，我还找到下面的方法，好简单采用css样式覆盖。代码如下：
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>
<!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。
时间： 2024-10-10 06:05:20