1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html百度地图获取城镇街道 集成百度地图根据地址获取经纬度 定位地址到街道...

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

时间:2019-10-06 15:02:15

相关推荐

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

}

要查询的地址:

查询结果(经纬度):

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。