JS中引用百度地图并将百度地图的logo和信息去掉
作者:交互手记时间:2026-10-27 15:05:31浏览:620
本文介绍在JavaScript中集成百度地图时,如何通过CSS隐藏左下角Logo及版权信息。虽然官方不建议此操作,但提供了基于jQuery的DOM操作示例代码,演示如何动态移除地图控件。
百度地图Logo与版权信息移除方法
可以通过CSS样式覆盖的方式来实现,但需注意官方并不推荐这种做法,具体参考:http://developer.baidu.com/map/question.htm
具体实现代码如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>javascript移除百度地图LOGO和版权信息</title>
<script type="text/javascript" src="https://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>作者最新文章
JS怎么实现页面强制刷新
2026-11-05 14:53:38
点击JS链接直接运行不下载?前端实现.js文件强制下载的三种方法
2026-11-05 12:12:23
怎么封装一个通用的JS创建元素辅助函数
2026-11-05 11:41:41
Swiper.js 怎么监听滑动结束并获取当前索引
2026-11-05 10:57:15
HTML、CSS和JS的关系:Web前端三件套怎么协作
2026-11-04 15:41:40
