<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
var map = new BMap.Map("map");
map.centerAndZoom("重慶", 11);
map.enableScrollWheelZoom(true); //啟用滾輪放大縮小，默認禁用
map.enableKeyboard(true); //啟用鍵盤操作，默認禁用。
map.enableDragging(); //啟用地圖拖拽，默認啟用
map.enableDoubleClickZoom(); //啟用雙擊放大，默認啟用
//定位
function setPlace(value) {
var local, point, marker = null;
local = new BMap.LocalSearch(map, { //智能搜索
onSearchComplete: fn
});
local.search(value);
function fn() {
//如果搜索的有結果
if(local.getResults() != undefined) {
map.clearOverlays(); //清除地圖上所有覆蓋物
if(local.getResults().getPoi(0)) {
point = local.getResults().getPoi(0).point; //獲取第一個智能搜索的結果
map.centerAndZoom(point, 18);
marker = new BMap.Marker(point); // 創建標注
map.addOverlay(marker); // 將標注添加到地圖中
marker.enableDragging(); // 可拖拽
// alert("當前定位經度:"+point.lng+"緯度:"+point.lat);
$('input[name=lng]').val(point.lng)
$('input[name=lat]').val(point.lat)
} else {
alert("未匹配到地點!可拖動地圖上的紅色圖標到精確位置");
}
} else {
alert("未找到搜索結果")
}
}
}
map.addEventListener("click",function(e){
map.clearOverlays();
// alert(e.point.lng + "," + e.point.lat);
point = new BMap.Point(e.point.lng, e.point.lat);
var geoc = new BMap.Geocoder();
geoc.getLocation(point,function(rs){
var addComp = rs.addressComponents;
// {streetNumber: "", street: "", district: "沙坪壩區", city: "重慶市", province: "重慶市"}
var address=addComp.province+addComp.city+addComp.district+addComp.street+addComp.streetNumber
$('input[name=address]').val(address)
});
var marker = new BMap.Marker(point);
map.addOverlay(marker);
document.getElementById("map").value = e.point.lng+ "," + e.point.lat;
$('input[name=lng]').val(e.point.lng)
$('input[name=lat]').val(e.point.lat)
});
// 按鈕事件(自己定義)
$("#btn").click(function(){
setPlace($("#address").val());
});