使用百度地图api实现根据地址查询经纬度

复制代码代码如下:

　　<head>

　　<title>根据地址查询经纬度</title>

　　</head>

　　要查询的地址：<input id="text_" type="text" value="徐州古彭广场" style="margin-right:100px;"/>

　　查询结果(经纬度)：<input id="result_" type="text" />

　　<div id="container"

　　style="position: absolute;

　　margin-top:30px;

　　width: 730px;

　　height: 590px;

　　top: 50;

　　border: 1px solid gray;

　　overflow:hidden;">

　　</div>

　　</body>

　　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(); //允许自动调节窗体大小

　　function searchByStationName() {

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

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

　　localSearch.setSearchCompleteCallback(function (searchResult) {

　　var poi = searchResult.getPoi(0);

　　document.getElementById("result_").value = poi.point.lng + "," + poi.point.lat;

　　map.centerAndZoom(poi.point, 13);

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

　　map.addOverlay(marker);

　　var content = document.getElementById("text_").value + "<br/><br/>经度：" + poi.point.lng + "<br/>纬度：" + poi.point.lat;

　　var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");

　　marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });

　　// marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

　　});

　　localSearch.search(keyword);

　　}

　　</script>

　　</html>

　　以上就是代码的全部内容了，小伙伴们可以直接使用在项目中哦，不用跟我说谢谢，请叫我雷锋大大~