Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/sql/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Autocomplete 如何使用带有标记输入的地理定位添加标记?_Autocomplete_Google Geolocation_Bootstrap Tags Input - Fatal编程技术网

Autocomplete 如何使用带有标记输入的地理定位添加标记?

Autocomplete 如何使用带有标记输入的地理定位添加标记?,autocomplete,google-geolocation,bootstrap-tags-input,Autocomplete,Google Geolocation,Bootstrap Tags Input,我想添加谷歌地理位置地址的标签输入 我正在使用这个地理位置 这是引导标记输入。 如果我键入address并选择autocomplete address,它将转换为类似引导标记的标记。我的解决方案使用Twitter Typeahead和引导标记输入: var locations = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('formatted_addres

我想添加谷歌地理位置地址的标签输入

我正在使用这个地理位置

这是引导标记输入。


如果我键入address并选择autocomplete address,它将转换为类似引导标记的标记。

我的解决方案使用Twitter Typeahead和引导标记输入:

        var locations = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('formatted_address'),
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            identify: function (obj) {
                return obj.place_id;
            },
            remote: {
                url: 'https://maps.googleapis.com/maps/api/geocode/json?address=%QUERY&language={YOUR_LANGUAGE}&key={YOUR_MAPS_API_KEY}',
                wildcard: '%QUERY',
                rateLimitWait: 100,
                transform: function (response) {
                    if (response.status === 'OK') {
                        return response.results;
                    } else {
                        return [];
                    }
                }
            }
        });
        $('input').tagsinput({
            itemValue: 'place_id',
            itemText: 'formatted_address',
            typeaheadjs: [{
                highlight: true
            }, {
                displayKey: 'formatted_address',
                source: locations
            }],
            trimValue: true
        });