百度地图api-根据地区名称反查其经纬度的实例

输入地区后确定,弹出该地区的经纬度,由网友 外科主任 提供,感谢分享.

<html>
<head>
<meta http-equiv="Content-Type" content="text ml; charset=utf-8">
<title>MAPBaidu-http://www.k686.com</title>
<script type="text/javascript" src=" http://api.map.baidu.com/api?key=458d39374361da27e548367a735831ba&v=1.0&services=true" ></script>
</head>
<body>
<div style="position:absolute;width:730px;height:590px;top:50;left:0;border:1px solid gray;overflow-y:hidden;" id="container"></div>
<input id="text_" type="text" value="武汉"/>
<input type="button" value="search" onclick="searchByStationName();">
<a href="http://www.k686.com" target="_blank">k686绿色软件</a>
</body>
<script>
var map = new BMap.Map("container");  
map.centerAndZoom(new BMap.Point(121.480,31.220), 6);

var localSearch= new BMap.LocalSearch (map, {  
   renderOptions: {  
     pageCapacity: 8,  
     autoViewport: true,  
    selectFirstResult: false  
   }  
 });  
 
 localSearch.enableAutoViewport();
function searchByStationName()
{
	
	var keyword = document.getElementById("text_").value;
	localSearch.setSearchCompleteCallback(function(searchResult){
		var poi = searchResult.getPoi(0);
		alert(poi.point.lng+"   "+poi.point.lat);
		map.centerAndZoom(poi.point, 8);
	});
	localSearch.search(keyword);
	
}
</script>
</html>


效果图如下:

百度地图api-根据地区名称反查其经纬度的实例_第1张图片百度地图api-根据地区名称反查其经纬度的实例

你可能感兴趣的:(html,百度)