<!doctype html>
<html lang="en">
<head>
<title>根据地址查询经纬度</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script type="text/javascript" src="../js/jquery-1.12.1.min.js"></script>
<style>
a.{
margin-right:100px;
}
</style>
</head>
<body style="background:#CBE1FF">
<div style="width:730px;margin:auto;">
<input class="a" type="hidden" value="金水区"/>
<input class="a" type="hidden" value="二七区"/>
<input class="a" type="hidden" value="管城区"/>
<input class="a" type="hidden" value="经开区"/>
<input class="a" type="hidden" value="金水区"/>
<input class="a" type="hidden" value="高新区"/>
<input class="a" type="hidden" value="惠济区"/>
<input class="a" type="hidden" value="郑东新区"/>
<div id="container"
style="position: absolute;
margin-top:30px;
width: 730px;
height: 590px;
top: 50px;
border: 1px solid gray;
overflow:hidden;">
</div>
</div>
</body>
<script type="text/javascript">
var map = new BMap.Map("container");
var point = new BMap.Point(113.48722, 23.187232);
map.centerAndZoom(point, 13);
var localSearch = new BMap.LocalSearch(map);
localSearch.enableAutoViewport(); //允许自动调节窗体大小
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 pointArray = [];//创建数组接收转化后的多个坐标值
var keyword = [];//从页面获取到的需要转化的地址
var keywordVal;
$(".a").each(function (i) {//从页面获取多个地址并且存放在shuzuzhong
keywordVal = $(".a").eq(i).val();
keyword.push(keywordVal);
searchByStationName();
});
* console.info(keyword); */
var markerArray = [];
function searchByStationName(keywordVal) {
map.clearOverlays();// 清空原来的标注
localSearch.search(keywordVal);
localSearch.setSearchCompleteCallback(function(searchResult) {
var poi = searchResult.getPoi(0);
map.centerAndZoom("郑州", 13);
var longitude = poi.point.lng;// 经度
var latitude = poi.point.lat;// 纬度
var pointVal = new BMap.Point(longitude, latitude);
pointArray.push(pointVal);
var marker = new BMap.Marker(pointVal);
markerArray.push(marker);
// 创建标注,为要查询的地方对应的经纬度
map.addOverlay(marker);
//在页面上展示出当前位置信息
var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>"+ searchResult.keyword + "</p>");
marker.addEventListener("click", function() {
this.openInfoWindow(infoWindow);
});
marker.setAnimation(BMAP_ANIMATION_BOUNCE); // 跳动的动画
});
}
console.info(pointArray);</script></html>
百度地图经纬度转换为地图上的点