百度地圖通用方法

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=V60udeFwLT8cGDSFD"></script>
<!--  請替換ak -->
<script type="text/javascript">
 // 百度地圖API功能
 var baiduMap ;            //地圖類          
 var marker;               //注點類
 
 //初始化地圖,根據divid渲染地圖
 function initMap(mapDiv,y,x,zoom){
  var point = new BMap.Point(x, y);
     baiduMap =new BMap.Map(mapDiv, {enableMapClick:false});    // 建立Map實例  和禁用點擊後顯示
     
     baiduMap.centerAndZoom(point,zoom);    // 初始化地圖,設置中心點座標和地圖級別
  baiduMap.addControl(new BMap.NavigationControl());              // 添加平移縮放控件
  baiduMap.addControl(new BMap.ScaleControl());                   // 添加比例尺控件
  baiduMap.addControl(new BMap.OverviewMapControl());             // 添加縮略地圖控件
  baiduMap.enableScrollWheelZoom();                               // 啓用滾輪放大縮小
  baiduMap.addControl(new BMap.MapTypeControl());              // 添加地圖類型控件
  
//   baiduMap.setCurrentCity("北京");           // 設置地圖顯示的城市 此項是必須設置的      
  //地圖上的鼠標點擊事件
  baiduMap.addEventListener("click",function(event){
   clickMap(event);
  });
  
  marker = new BMap.Marker(point);
  baiduMap.addOverlay(marker);              // 將標註添加到地圖中
  marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳動的動畫   
//   marker.enableDragging();
 }
 
 /**
          設置地圖中心點
    x:東經
    y:北緯
    zoom:地圖級別
  */
 function setMapLocation(y,x,zoom){
  var point = new BMap.Point(x,y);
  baiduMap.centerAndZoom(point,zoom); 
  marker.setPosition(point);
 }
 
 /**
          設置地圖中心點
    cityName:城市中文名
  */
 function setMapCity(cityName, grade){
  baiduMap.setZoom(grade);
  baiduMap.setCenter(cityName);
 }
 
 /**
  設置標註點
  */
 function clickMap(event){
  var x = event.point.lng;
  var y = event.point.lat;
  var point = new BMap.Point(x,y);
  
  marker.setPosition(point);
//   baiduMap.centerAndZoom(point,15);//設置中心點位置
  document.getElementById("id_gpsX").value = x;
  document.getElementById("id_gpsY").value = y;
 }
 
 
</script>
相關文章
相關標籤/搜索