html百度地图获取城镇街道,集成百度地图根据地址获取经纬度,定位地址到街道...

根据地址查询经纬度

$(function(){

var map = new BMap.Map("container");

map.centerAndZoom("北京", 12);//地图默认北京

map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用

map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用

map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件

map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件

map.addControl(new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT })); //右下角,打开

var localSearch = new BMap.LocalSearch(map);

localSearch.enableAutoViewport(); //允许自动调节窗体大小

//根据地址查询移除事件

$("#text_").blur(function(){

searchByStationName();

});

});

var text;

var geolocation = new BMap.Geolocation();

var myGeo = new BMap.Geocoder();

geolocation.getCurrentPosition(function(result){

if(this.getStatus() == BMAP_STATUS_SUCCESS){

var pt=result.point;

myGeo.getLocation(pt, function(result){

if (result){

var addComp = result.addressComponents;

//获取地址详情

var address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;

text=address;

$("#text_").val(text);

searchByStationName();

}

});

}

});

//获取经纬度显示到文本(可以自由发挥)

function searchByStationName() {

var map = new BMap.Map("container");

var local = new BMap.LocalSearch(map, {

renderOptions: { map: map }

});

var keyword = document.getElementById("text_").value;

local.setSearchCompleteCallback(function (searchResult) {

var poi = searchResult.getPoi(0);

document.getElementById("result_").value = poi.point.lng + "," + poi.point.lat; //获取经度和纬度,将结果显示在文本框中

map.centerAndZoom(poi.point, 13);

});

local.search(keyword);

}

要查询的地址:

查询结果(经纬度):

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值