javascript - 百度地图API,经由关键词搜索出来的地址,用鼠标拾取对应位置的精确地址,及经纬度怎么实现?
本文介绍了javascript - 百度地图API,经由关键词搜索出来的地址,用鼠标拾取对应位置的精确地址,及经纬度怎么实现?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
html{
height: 100%
}
body{
height:100%;
margin:0;
padding:0;
}
#container{
height: 100%;
}
</style>
</head>
<body>
<div id="container">
</div>
<script type="text/javascript">
var map = new BMap.Map('container');
var point = new BMap.Point(116.404,39,915);
map.centerAndZoom(point,15);
var geoc = new BMap.Geocoder();
map.addEventListener("click",function(e){
var pt = e.point;
geoc.getLocation(pt, function(rs){
console.log('rs',rs);
});
});
var local = new BMap.LocalSearch(map, {
renderOptions:{map: map}
});
local.search("酒仙桥");
</script>
</body>
</html>
打印的位置信息:
解决方案
var map = new BMap.Map('container');
var point = new BMap.Point(116.404, 39, 915);
map.centerAndZoom(point, 15);
var local = new BMap.LocalSearch(map, {
renderOptions: {
map: map
},
onMarkersSet: function(res) {
res.forEach(function(e, i) {
let marker = e.marker
marker.addEventListener("click", function() {
console.log(e.address);
});
})
}
});
local.search("酒仙桥");
这篇关于javascript - 百度地图API,经由关键词搜索出来的地址,用鼠标拾取对应位置的精确地址,及经纬度怎么实现?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文