zoukankan      html  css  js  c++  java
  • 如何将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="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="400px;height:40px"></div>
    </body>
    </html>
    

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

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

  • 相关阅读:
    解决Mac笔记本电脑自带录屏软件没有声音问题
    pip安装包后Import的时候提示找不到的解决方案
    Photoshop怎么给图片添加简介信息或者版权信息
    [2021/08/06]Ubuntu20 安装指定小版本Mysql(本文示例mysql8.0.18)
    Springboot2.3.5 实现JWT授权验证并针对不同用户实现多个拦截器
    搭建集群步骤注意事项
    docker服务程序网络排查
    网络分层协议集合分析
    括号串
    抢救实验数据
  • 原文地址:https://www.cnblogs.com/xiaochao12345/p/4167461.html
Copyright © 2011-2022 走看看