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

官方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.40

ty41232X32

2039人浏览 · 2020-06-10 19:05:17

ty41232X32 · 2020-06-10 19:05:17 发布

官方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')

拿到搜索结果列表即可：