//鍒涘缓鍜屽垵濮嬪寲鍦板浘鍑芥暟锛
function initMap() {
  createMap(); //鍒涘缓鍦板浘
  // setMapEvent(); //璁剧疆鍦板浘浜嬩欢
  // addMapControl(); //鍚戝湴鍥炬坊鍔犳帶浠
  addMapOverlay(); //鍚戝湴鍥炬坊鍔犺鐩栫墿
}

function createMap() {
  map = new BMap.Map("maps");
  map.centerAndZoom(new BMap.Point(120.177031, 30.253168), 14);
}

function setMapEvent() {
  map.enableScrollWheelZoom();
  map.enableKeyboard();
  map.enableDragging();
  map.enableDoubleClickZoom()
}

function addClickHandler(target, window) {
  target.addEventListener("click", function() {
    target.openInfoWindow(window);
  });
}

function addMapOverlay() {
  var pt = new BMap.Point(120.171138, 30.25192);
  var myIcon = new BMap.Icon(imgUrl, new BMap.Size(24, 25));
  var marker2 = new BMap.Marker(pt, {
    icon: myIcon
  });
  // 鍒涘缓鏍囨敞
  var opts = {
    width: 200
  };
  var sContent = '<div class="map-text"><h3>娴欐睙鐪佹満鐢甸泦鍥↑/h3><p>鍦板潃锛氭澀宸炲競寤跺畨璺?5鍙饵br>鐢佃瘽锛?571-87830600</p></div>';
  var infoWindow = new BMap.InfoWindow(sContent, opts); // 鍒涘缓淇℃伅绐楀彛瀵硅薄
  map.addOverlay(marker2);
  marker2.openInfoWindow(infoWindow);
  marker2.addEventListener("click", function() {
    this.openInfoWindow(infoWindow);
  });

}
//鍚戝湴鍥炬坊鍔犳帶浠
function addMapControl() {
  var scaleControl = new BMap.ScaleControl({
    anchor: BMAP_ANCHOR_BOTTOM_LEFT
  });
  scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
  map.addControl(scaleControl);
  var navControl = new BMap.NavigationControl({
    anchor: BMAP_ANCHOR_TOP_LEFT,
    type: BMAP_NAVIGATION_CONTROL_LARGE
  });
  map.addControl(navControl);
  var overviewControl = new BMap.OverviewMapControl({
    anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
    isOpen: true
  });
  map.addControl(overviewControl);
}
var map;
initMap();