百度地图-删除默认版权信息_AirZH??的博客-程序员宅基地

技术标签: ViewUI  python  javascript  

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

<!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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_34290631/article/details/91935187

智能推荐

Notification学习_linyj199102的博客-程序员宅基地

PendingIntent可以看做是对Intent的包装,通过名称可以看出PendingIntent用于处理即将发生的意图,而Intent用来处理马上发生的意图。而对于通知来说,它是一个系统级的全局的通知,并不确定这个意图被执行的时间。当在应用外部执行PendingIntent时,因为它保存了触发App的Context,使得外部App可以如果当前App一样执行PendingIntent里的Inten

安装pcl 时出现:暂时不能解析域名的问题_menglanzeng的博客-程序员宅基地

参考博客点击打开链接,添加DNS配置: /etc/resolv.conf加一行nameserver 114.114.114.114也试了一下8.8.8.8,但是好像没起作用。

python range step_python range用法_weixin_39557199的博客-程序员宅基地

Python range() 函数用法python range() 函数可创建一个整数列表,一般用在 for 循环中。函数语法range(start, stop[, step])参数说明:start: 计数从 start 开始。默认是从 0 开始。例如range(5)等价于range(0, 5);stop: 计数到 stop 结束,但不包括 stop。例如:range(0, 5) 是[0, 1, ...

Lambda表达式简单简介_weixin_39513166的博客-程序员宅基地

Lambda表达式简介LambdaLambda语法例子1例子2函数式接口例子:LambdaLambda表达式时jdk8提出来的一种代码的写法。主要是为了简化开发代码,提高开发效率。Lambda表达式可以看成是对于抽象方法的匿名实现。换句话说,传统的写法是,现在有个接口,然后接口中有一个方法。然后有一个类实现了这个接口,重写了接口的方法。如果使用lambda表达式就可以直接匿名的调用到这个接口,然后再Lambda体中写自己的实现。Lambda语法使用Lambda表达式操作符 -&gt;

Linux内核 丽台,NVIDIA DRIVERS Linux x64 (AMD64/EM64T) Display Driver_weixin_39997443的博客-程序员宅基地

NVIDIA TITAN Series:NVIDIA TITAN Xp, NVIDIA TITAN X (Pascal), GeForce GTX TITAN X, GeForce GTX TITAN, GeForce GTX TITAN Black, GeForce GTX TITAN ZGeForce MX100 Series (Notebook):GeForce MX150, GeForce...

HiveOnSpark报错:Client ‘xxx‘ timed out waiting for connection from the Remote Spark Driver_benpaodexiaowoniu的博客-程序员宅基地

今天群内看到一个hive on spark报错案例:FAILED: Execution Error, return code 30041 from org.apache.hadoop.hive.ql.exec.spark.SparkTask. Failed to create Spark client for Spark session adecc1e7-9763-4d33-bf4d-7a1...

随便推点

Google 内部的 Python 代码风格指南_菜鸟学Python的博客-程序员宅基地

来自:Why GitHub? 链接:https://github.com/shendeguize/GooglePythonStyleGuideCN这是一位朋友翻译的Google Pyth...

WIN10系统下打开matlab卡死和报错的解决办法_HIT首席酱油官的博客-程序员宅基地_matlab卡死

WIN10系统下打开matlab卡死和报错的解决办法出现的问题解决办法出现的问题1.CPU占用率飙升,风扇狂转2.matlab主窗口不出现3.弹出MATLAB已停止工作的错误4.即使成功打开文件,也无法进行正常的操作,若干时间后回到3。解决办法将系统语言切换成英文快捷键:win+空格打开matlab之后切回中文仍可以正常操作...

【ECU】汽车电子/嵌入式工程师学习网站、资源、路线_Frank学习路上的博客-程序员宅基地_ecu学习

【ECU】汽车电子/嵌入式工程师学习网站、资源、路线学习网站&amp;资源:技术升级路线:1.硬件设计2.驱动软件开发3.(应用层)控制策略开发★4.匹配标定5.上位机总结ECU原本是指Engine Control Unit,主要用于发动机控制系统,现在通常是指Electric Control Unit电子控制单元,广泛用于车辆的各个系统如车身、底盘、动力等。随着自动驾驶技术的发展,域控制器作为新一代/升级版的ECU,对汽车EEA的升级起到了关键作用,未来控制器的开发仍然是至关重要的一环,吾辈当努力。学

2021-09-25_helloheimao的博客-程序员宅基地

import requestsfrom lxml import etree​headers = {​‘Cookie’: ‘Hm_lvt_c8263f264e5db13b29b03baeb1840f60=1632291839,1632373348; Hm_lpvt_c8263f264e5db13b29b03baeb1840f60=1632373697’,‘User-Agent’: ‘Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.

Axon 4.4 中文版文档(十八)_王牧遥的博客-程序员宅基地

十八、集成框架拓展18.1 Spring AMQPSpring amqp是除了默认的Axon服务器之外分发事件的另一种方法。Axon提供了开箱即用的支持,用于在AMQP消息代理(如RabbitMQ)之间传输事件。要使用来自Axon的springamqp组件,请确保类路径上有Axon AMQP模块。将事件转发到AMQP交换Spring amqp Publisher将事件转发到AMQP交换。它是用SubscribableMessageSource初始化的,通常是EventBus或Event

推荐文章

热门文章

相关标签