700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 百度地图坐标反查html 百度地图拾取坐标 可查询 可点选

百度地图坐标反查html 百度地图拾取坐标 可查询 可点选

时间:2024-05-14 07:49:04

相关推荐

百度地图坐标反查html 百度地图拾取坐标 可查询 可点选

html>

地址:

经纬度:

//百度地图API功能

varmap=newBMap.Map("allmap");

map.enableScrollWheelZoom(true);

vargeoc=newBMap.Geocoder();

varlocalSearch=newBMap.LocalSearch(map);

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

map.addEventListener("click",function(e){

map.clearOverlays();//清空原来的标注

//通过点击百度地图,可以获取到对应的point,由point的lng、lat属性就可以获取对应的经度纬度

varpt=e.point;

geoc.getLocation(pt,function(rs){

//addressComponents对象可以获取到详细的地址信息

varaddComp=rs.addressComponents;

varsite=addComp.province+""+addComp.city+""+addComp.district+""+addComp.street+""+addComp.streetNumber;

//将对应的HTML元素设置值

//parent.document.getElementById("lat").value=pt.lat;

//parent.document.getElementById("lng").value=pt.lng;

varmarker=newBMap.Marker(newBMap.Point(pt.lng,pt.lat));//创建标注,为要查询的地方对应的经纬度

map.addOverlay(marker);

document.getElementById("lat").value=pt.lat;

document.getElementById("lng").value=pt.lng;

document.getElementById("text").value=site;

});

});

functionsearchByStationName(){

map.clearOverlays();//清空原来的标注

varkeyword=document.getElementById("text").value;

localSearch.setSearchCompleteCallback(function(searchResult){

varpoi=searchResult.getPoi(0);

document.getElementById("lat").value=poi.point.lat;

document.getElementById("lng").value=poi.point.lng;

map.centerAndZoom(poi.point,13);

varmarker=newBMap.Marker(newBMap.Point(poi.point.lng,poi.point.lat));//创建标注,为要查询的地方对应的经纬度

map.addOverlay(marker);

});

localSearch.search(keyword);

}

searchByStationName();

jQuery(document).ready(function($){

$("#tobeokaddress").click(function(e){

varother=parent.layer.getFrameIndex(window.name);

setTimeout(function(){parent.layer.close(other)},100);

parent.document.getElementById("address").value=$("#text").val();

parent.document.getElementById("lat").value=$("#lat").val();

parent.document.getElementById("lng").value=$("#lng").val();

});

});

本文为看恩吧原创文章,转载无需和我联系,但请注明来自

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