文档章节

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

安小乐
 安小乐
发布于 2016/10/31 16:25
字数 571
阅读 488
收藏 0

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

<!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在浏览器中打开即可。

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

© 著作权归作者所有

安小乐
粉丝 18
博文 179
码字总数 77673
作品 0
朝阳
后端工程师
私信 提问
Android 轻松实现百度地图定位

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/49129865 最近在做一地图定位软件,下面分享一下自己在做的过程中遇到的问题,希望对大家有帮...

进阶的玄武
2015/10/14
0
0
百度地图新手教程3(转载自百度)

控件 1.地图控件概述 2.向地图添加控件 3.控制控件位置 4.修改控件配置 5.自定义控件 地图控件概述 百度地图上负责与地图交互的UI元素称为控件。百度地图API中提供了丰富的控件,您还可以通过...

长平狐
2013/01/06
3K
0
前端 - 百度地图 API 基础入门

1.前言 最近想完成一个网站,里面需要使用地图相关的内容。 经过多方考虑,决定使用百度地图来完成,所以将整个学习历程进行简单的整理,方便朋友们来快速入门。 本文系作者 李鹏(MR_LP)原...

mr_lp
2017/02/20
0
0
dede文章增加HTML自定义字段字符被过滤问题

在dedecms后台频道模型增加自定义字段,一般HTML文字编辑器能解决用户编辑问题,当然还包括纯单行或多行文本编辑。但发现dedecms会自动过滤掉某些敏感的字符,比如style样式,百度地图js调用...

跟版网
2016/03/02
585
0
微信公众号开发之用户地理位置坐标转百度坐标

微信公众号开发之用户地理位置坐标转百度坐标(搜狗、google地图坐标转百度地图坐标) 上海为卓信息科技——专业实现电子地图二次开发应用百度谷歌地图API调用开发。 我们知道,Google地图、s...

睡得
2015/03/18
18.7K
3

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.3K
15
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
39
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部