百度地图搜索功能的实现--new BMap.LocalSearch

最新推荐文章于 2023-02-14 03:00:00 发布

银子先生

最新推荐文章于 2023-02-14 03:00:00 发布

阅读量5k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： # 百度地图文章标签： javascript 前端百度

本文链接：https://blog.csdn.net/z1093541823/article/details/124123315

百度地图专栏收录该内容

3 篇文章

订阅专栏

这段代码展示了如何使用BMap.LocalSearch在百度地图上进行地点搜索，并在搜索完成后处理结果。如果找到结果，它会清除现有标注并添加新的标注；如果没有找到结果，则会显示相应的提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

          let local = new BMap.LocalSearch(map, {
              renderOptions: {
                  map: map,
              },
              onSearchComplete: (res) => {
                 if (local.getResults() != undefined && local.getResults().Cr.length!= 0) {                      
                         map.clearOverlays(); //清除标注
                         this.addMapMark();  //添加已存在的其他标注--（根据自己情况保留删除）
                  } else if (local.getResults().Cr.length == 0) {
                         this.$alert("请您精确搜索内容", {
                             confirmButtonText: "确定",
                         });
                  } else {
                        this.$alert("未找到搜索结果", {
                             confirmButtonText: "确定",
                        });
                  }
              },
          });
          local.search(this.where);

实现效果：