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>
作者最新文章