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