效果图：
当点击地图中的某一个位置，会在上面的文本框中显示当前的位置信息和经纬度信息。
jsp中的代码就一个div
<div id="allmap" style="height:500px; margin: 0 10px 10px;"></div><%--导入百度地图 js--%><script type="text/javascript" src="http://api./api?v=2.0&ak=你的key"></script>
js中的代码
//进入页面 初始化 位置tab页的地图function initMap() {$("#allmap").empty();var map = new BMap.Map("allmap");//设置一个 默认的位置。var point = new BMap.Point(114.3162001, 30.58108413);map.centerAndZoom(point, 12);map.enableScrollWheelZoom(true);var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function (r) {if (this.getStatus() == BMAP_STATUS_SUCCESS) {var mk = new BMap.Marker(r.point);map.addOverlay(mk);map.panTo(r.point);}else {alert('failed' + this.getStatus());}}, {enableHighAccuracy: true});map.addEventListener("click", function (e) {//获取当前点击 位置的经纬度，并显示在文本框中document.getElementById('latitude').value = e.point.lat;document.getElementById('longitude').value = e.point.lng;map.clearOverlays();var new_point = new BMap.Point(e.point.lng, e.point.lat);var new_mk = new BMap.Marker(new_point);map.addOverlay(new_mk);map.panTo(new_point);var gc = new BMap.Geocoder();gc.getLocation(new_point, function (rs) {//获取当前点击 位置的 省市县，街道号 和街道名称。并显示在 文本框中//街道号 和街道名称 不一定能获取到，有时候为空。var addComp = rs.addressComponents;$("#province-map").val(addComp.province);$("#city-map").val(addComp.city);$("#district-map").val(addComp.district);$("#room-address-map").val(addComp.streetNumber);$("#map-address").val(addComp.street);});});}
