Vue百度地图关键字提示输入Autocomplete（uni-app H5）

最新推荐文章于 2025-03-10 10:46:53 发布

大熊猫玩菜刀

最新推荐文章于 2025-03-10 10:46:53 发布

阅读量2.2k

点赞数 1

分类专栏：前端 vue 文章标签：百度地图搜索提示

本文链接：https://blog.csdn.net/u013727805/article/details/106673083

版权

前端同时被 2 个专栏收录

16 篇文章

订阅专栏

vue

14 篇文章

订阅专栏

官方demo：http://lbsyun.baidu.com/jsdemo.htm#a6_2

官方API：http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_webgl_1_0.html#a8b50

只上关键代码：

        var map = new BMap.Map('l-map'); 
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
        var ac = new BMap.Autocomplete({
            //建立一个自动完成的对象
            input: this.$refs.suggestInput.$el.querySelector('input'),
            location: map,
            onSearchComplete: (e) => {
                console.log(e);
            },
        });

关键代码：this.$refs.suggestInput.$el.querySelector('input')

拿到搜索结果列表即可：