js 百度地图API 搜索 返回 经纬度和地址
html
js
var map = new BMap.Map("baiduMap");
map.centerAndZoom(new BMap.Point(121.446102,31.283787), 11);
map.enableScrollWheelZoom();
var geoc = new BMap.Geocoder();
//获取选中地点的经纬度
var marker;
var point ;
//鼠标事件
map.addEventListener("click", function(e){
point =e.point;
addMarker(point);
});
// 返回地址 和经纬度
function addMarker(point,resetView) {
if(resetView){
map.centerAndZoom(point,15);
}
//获得选中的点,标记他
if(marker)
map.removeOverlay(marker);
marker = new BMap.Marker(point)
map.addOverlay(marker);
//清除搜索记录
geoc.getLocation(point, function(rs){
var addComp = rs.addressComponents;
//打开信息窗口
$("#latitude").val(point.lat);
$("#longitude").val(point.lng);
if($("#storeAddress").val()==null ||$("#storeAddress").val()==""){
$("#storeAddress").val(addComp.city+addComp.district+addComp.street+addComp.streetNumber)
}
$("#mapAddress").html( addComp.city + addComp.district + addComp.street + addComp.streetNumber);
});
}
$("#search").click(function (){
//$("txtResult").value=""//每次生成前清空文本域
map.clearOverlays(); //清除地图上所有标记
var city = $("#mapCity").val();
var address = $("#mapAdress").val();
if(city==null || city==""){
alert("请输入城市名称");
return;
}
if(address==null || address==""){
alert("请输入地点");
return;
}
var local = new BMap.LocalSearch(city,{
renderOptions:{
map: map,
panel: "results",//结果容器id
autoViewport: true, //自动结果标注
selectFirstResult: true, //指定到第一个目标
enableRouteSearchBox: true,
enableRouteInfo:true
},
pageCapacity: 1
});
// 获取搜索点数据
local.setSearchCompleteCallback(function (searchResult) {
var poi = searchResult.getPoi(0);
addMarker(poi.point,true);
});
local.search(address);
});
参考百度API http://lbsyun.baidu.com/index.php?title=jspopular