百度地图API,经由关键词搜索出来的地址,用鼠标拾取对应位置的精确地址,及经纬度怎么实现?

发布于 2022-09-04 18:23:45 字数 1295 浏览 14 评论 0

clipboard.png

<!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>

打印的位置信息:
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

风透绣罗衣 2022-09-11 18:23:45
    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("酒仙桥");
椒妓 2022-09-11 18:23:45

geoc.getLocation 这个方法可能满足你的需求

过潦 2022-09-11 18:23:45

看百度地图api文档

枕梦 2022-09-11 18:23:45

图片描述

大佬你好,像我这个在点击百度大厦的时候能获取这个公司的详细地址么,前提是不去地图上点击A点的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文