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

时间：2023-03-09 19:57:42
如何将baidu地图中的baidu logo 去掉

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

  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. </head>
  21. <body>
  22. <input type="button" onclick="$('#map div.anchorBL').hide();" value="移除地图LOGO和版权说明"/>
  23. <div id="map" style="width:400px;height:40px"></div>
  24. </body>
  25. </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。