網頁引用百度地圖例項程式碼

admin發表於2018-05-23
網頁地圖

在很多網站都有對百度地圖的引用，非常的方便，本章節就是一個一個這樣的程式碼例項。

預設狀態，引用的地圖上有版權資訊，不但不美觀也會遮擋一些資訊，本程式碼也能夠去除那些沒用的資訊。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"/> 
<meta name="author" content="http://www.softwhy.com/" /> 
<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>

以上程式碼實現了我們需要的功能，能夠在網頁中引用指定座標的地圖。

相關文章