首页 > 代码库 > 如何将baidu地图中的baidu logo 去掉

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

2024-08-08 07:19:12   220人阅读

今天我的老大问我是不是可以将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=http://www.mamicode.com/"//jquery.js"></script>  
  7. <script src=http://www.mamicode.com/"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=http://www.mamicode.com/"移除地图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="http://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="http://www.mamicode.com/移除地图LOGO和版权说明"/><div id="map" style="width:400px;height:40px"></div></body></html>

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

 

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

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


联系
我们