码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-12-16 18:44:16      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   ar   io   sp   java   on   div   

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

 

Html代码 bubuko.com,布布扣 bubuko.com,布布扣bubuko.com,布布扣
  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地图中的baidu logo 去掉

标签:style   blog   http   ar   io   sp   java   on   div   

原文地址:http://www.cnblogs.com/xiaochao12345/p/4167461.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!