hyljava

//通過經緯度坐標來初始化地圖
var point = new BMap.Point(125.4360909,43.78802888999);  // 創建點坐標 

map.centerAndZoom(point, 15);                 // 初始化地圖，設置中心點坐標和地圖級別 

//通過城市名稱來初始化地圖
//map.centerAndZoom("長春");

var marker = new BMap.Marker(point);        // 創建標注 
map.addOverlay(marker);
 
map.enableScrollWheelZoom();  // 開啟鼠標滾輪縮放 
map.enableKeyboard();         // 開啟鍵盤控制 
map.enableContinuousZoom();   // 開啟連續縮放效果 
map.enableInertialDragging(); // 開啟慣性拖拽效果

map.addControl(new BMap.NavigationControl()); //添加標準地圖控件(左上角的放大縮小左右拖拽控件)
map.addControl(new BMap.ScaleControl());      //添加比例尺控件(左下角顯示的比例尺控件)
map.addControl(new BMap.OverviewMapControl()); // 縮略圖控件
map.addControl(new BMap.MapTypeControl());     //// 僅當設置城市信息時，MapTypeControl的切換功能才能可用map.setCurrentCity("北京"); 
map.setCurrentCity("吉林省");

//添加自定義控件

// 定義一個控件類，即function 
function ZoomControl(){ 
  // 設置默認?？课恢煤推屏?nbsp;
  this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT; 
  this.defaultOffset = new BMap.Size(50, 10); 
} 
 
// 通過JavaScript的prototype屬性繼承于BMap.Control 
ZoomControl.prototype = new BMap.Control(); 

// 自定義控件必須實現initialize方法，并且將控件的DOM元素返回 
// 在本方法中創建個div元素作為控件的容器，并將其添加到地圖容器中 
ZoomControl.prototype.initialize = function(map){ 
  // 創建一個DOM元素 
  var div = document.createElement("div"); 
  // 添加文字說明 
  div.appendChild(document.createTextNode("長春工業大學人文信息學院")); 
  // 設置樣式 
  div.style.cursor = "pointer"; 
  div.style.border = "1px solid gray"; 
  div.style.backgroundColor = "white"; 
  // 綁定事件，點擊一次放大兩級 
  div.onclick = function(e){ 
    alert("長春工業大學人文信息學院");
  } 
  // 添加DOM元素到地圖中 
  map.getContainer().appendChild(div); 
  // 將DOM元素返回 
  return div; 
} 

// 創建控件實例 
var myZoomCtrl = new ZoomControl(); 
// 添加到地圖當中 
map.addControl(myZoomCtrl); 

//添加信息窗口
var opts = { 
  width : 200,     // 信息窗口寬度 
  height: 70,     // 信息窗口高度 
  title : "長春工業大學人文信息學院"  // 信息窗口標題 
} 
var infoWindow = new BMap.InfoWindow("您好，歡迎來到長春工業大學人文信息學院", opts);  // 創建信息窗口對象 
map.openInfoWindow(infoWindow, map.getCenter());      // 打開信息窗口

</script> 
</body> 
</html>
運行效果圖