今天我的老大问我是不是可以将baidumap 的js版中baidu logo 去掉。我上网查询一下,有各种方法,比如将对应的logo div remove hide 等等,这些都是需要JS 函数触发执行。但是,我还找到下面的方法,好简单采用css样式覆盖。代码如下:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <title>javascript移除百度地图LOGO和版权信息</title>
- <script type="text/javascript" src="//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="400px;height:40px"></div>
- </body>
- </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>javascript移除百度地图LOGO和版权信息</title> <script type="text/javascript" src="//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="400px;height:40px"></div> </body> </html>
logo 是引用如下的anchorBL css 样式,在自己的html 将其覆盖掉就可了。
但是baidu地图官方说明是不允许这么做。参考:http://developer.baidu.com/map/question.htm。