经纬度查询定位在线定位查询 经纬度查询定位在线( 二 )


G("searchResultPanel").innerHTML="onconfirm<br />index=" + e.item.index + "<br />myValue=https://www.bjxdyg.com/life/" + myValue;
setPlace();
});
function setPlace(){
map.clearOverlays(); //清除地图上所有覆盖物
function myFun(){
var pp=local.getResults().getPoi(0).point; //获取第一个智能搜索的结果
console.log('经度:'+pp.lng, '纬度:'+pp.lat);
map.centerAndZoom(pp, 18);
map.addOverlay(new BMap.Marker(pp)); //添加标注
}
var local=new BMap.LocalSearch(map, { //智能搜索
onSearchComplete: myFun
});
local.search(myValue);
}
</script>
3-2、根据经纬度定位<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>百度地图API</title>
<script type="text/javascript" src=https://www.bjxdyg.com/life/"http://api.map.baidu.com/api?v=2.0&ak=您的密钥">
<style type="text/css">
body, html {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
</head>
<body>
<div id="allmap" style="width: 80%;height: 80%;"></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=https://www.bjxdyg.com/life/"查询" onclick="theLocation()" />
</div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map=new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.331398,39.897445),19);
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);
}
}
</script>

推荐阅读