网页引用百度地图实例代码

快乐打工仔 分类:实例代码

网页引用百度地图实例代码属于前端实例代码,有关更多实例代码大家可以查看

在很多网站都有对百度地图的引用,非常的方便,本章节就是一个一个这样的代码实例。

默认状态,引用的地图上有版权信息,不但不美观也会遮挡一些信息,本代码也能够去除那些没用的信息。

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"/> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>移除百度地图版权信息-前端教程网</title> 
<style type="text/css">
#map{
  width:400px;
  height:400px
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.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); 
} 
$(document).ready(function(){
  initialize(); 
  $("#bt").click(function(){
    $('#map div.anchorBL').hide();
  }) 
})
</script>
</head> 
<body> 
<input type="button" id="bt" value="移除地图LOGO和版权说明"/> 
<div id="map"></div> 
</body> 
</html>

以上代码实现了我们需要的功能,能够在网页中引用指定坐标的地图。

网页引用百度地图实例代码,这样的场景在实际项目中还是用的比较多的,关于网页引用百度地图实例代码就介绍到这了。

回复

我来回复
  • 暂无回复内容