百度地图api--根据经纬度获取地点

一.首先引入所申请的ak密钥

<script type="text/javascript" src="http://api.map.baidu.com/api?ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO&v=2.0&services=false"></script> 

二.简单样式处理一下

body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}

#allmap{height:500px;width:100%;}

#r-result{width:100%; font-size:14px;}

三.html代码布局

<div id="allmap"></div>

<div id="r-result">

经度: <input id="longitude" type="text" style="width:100px; margin-right:10px;" />

纬度: <input id="latitude" type="text" style="width:100px; margin-right:10px;" />

<input type="button" value="查询" οnclick="theLocation()" />

</div>

四.js代码如下

// 百度地图API功能

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

map.centerAndZoom(new BMap.Point(116.331398,39.897445),16);

map.enableScrollWheelZoom(true);

// 用经纬度设置地图中心点

function theLocation(){

if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){

map.clearOverlays(); 

var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);

var marker = new BMap.Marker(new_point);  // 创建标注

map.addOverlay(marker);              // 将标注添加到地图中

map.panTo(new_point);      

}

}