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

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

 

Html代码 复制代码  收藏代码如何将baidu地图中的baidu logo 去掉
  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。

你可能感兴趣的:(baidu)