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

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

 

Html代码 复制代码 收藏代码
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8"/>  
  5. <title>javascript移除百度地图LOGO和版权信息</title>  
  6. <script type="text/javascript" src="//jquery.js"></script>  
  7. <script src="http://api.map.baidu.com/api?v=1.3" type="text/javascript"></script>  
  8. <script type="text/javascript">  
  9.     function initialize() {  
  10.     var mp = new BMap.Map('map');  
  11.     mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);  
  12.     }  
  13.     window.onload = initialize;  
  14.     </script>＝  
  15. <style type="text/css">  
  16.    .anchorBL{  
  17.        display:none;  
  18.    }  
  19.   </style>  
  20.   
  21. </head>  
  22. <body>  
  23. <input type="button" onclick="$('#map div.anchorBL').hide();" value="移除地图LOGO和版权说明"/>  
  24. <div id="map" style="width:400px;height:40px"></div>  
  25. </body>  
  26. </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。

posted @ 2014-12-16 16:46  super1234  阅读(884)  评论(0)  编辑  收藏  举报