百度地图-删除默认版权信息

Post author:xfxia
Post published:2023年9月6日
Post category:其他

2019独角兽企业重金招聘Python工程师标准>>>

做百度地图时，想把百度右下角默认的版权信息去掉，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript移除百度地图LOGO和版权信息</title>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=你自己的ApiKey" 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;

       $(function() {//请注意这个ready函数
              $('.anchorBL').remove();
       })
</script>
</head>
<body>
       <input type="button" onclick="$('.anchorBL').remove();" value="移除百度地图LOGO和版权说明" />
       <div id="map" style="width: 500px; height: 320px"></div>
</body>
</html>

请注意上面需要各位注意的ready函数。其实我想让地图加载完成后，自动remove掉百度的版权信息（浏览器-右键-查看元素：找到百度的版权信息div的class）。但是map加载完成之后却没有直接remove掉百度的版权信息。但是点击button时，可以remove掉，于是在网上找到了：

《jQuery中ready与load事件的区别》

（

http://www.uw3c.com/jsviews/js15.html

）

那么问题来了：为什么在ready时就不能自动remove相应的div呢？那是因为百度地图加载都是异步的，测试如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript移除百度地图LOGO和版权信息</title>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=你自己的ApiKey" type="text/javascript"></script>
<script type="text/javascript">
       $(function() {
              var mp = new BMap.Map('map');
              mp.centerAndZoom(new BMap.Point(121.491, 31.233), 11);
              setTimeout(function() {
                     $('.anchorBL').remove();
              }, 1000)
       })
</script>
</head>
<body>
       <input type="button" onclick="$('.anchorBL').remove();" value="移除百度地图LOGO和版权说明" />
       <div id="map" style="width: 500px; height: 320px"></div>
</body>
</html>

这次我让文档加载完之后，等个1s，就可以自动删除对应的div了。（而且Timeout的delay如果设置比较小，只会把百度的图片删掉，而后面的说明性文字却remove不掉。充分说明了百度地图的内容都是异步加载的。）

上面的代码更换自己的ApiKey之后，直接保存.html在浏览器中打开即可。

注：这个博客是参看了一些网上的帖子，上面的代码也试修改别人的帖子。但写这个博客时找不到原贴地址了。望原贴作者谅解。

转载于:https://my.oschina.net/anxiaole/blog/778676

你可能也喜欢