<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>