Javascript 为什么设置自动完成搜索框组件限制国家/地区对象google map不会更改其位置？

在我的Laravel 8/Alpinejs 2.8应用程序中 我使用谷歌地图，当我打开带有现有数据的表格时，我会显示所选国家和地区 正在设置autocompleteSearchBox componentRestrictions.country，并且工作正常。 但若用户选择其他国家，我尝试在地图中更改国家，但失败了。 我的代码：

在控制台中，我看到有效的autocompleteSearchBox.componentRestrictions对象 设置了新的国家/地区，但谷歌地图没有改变它的国家/地区： 我没有找到google地图的任何更新/应用方法，因为这个.autocompleteSearchBox是全局的 对象我希望它能正常工作

---

有什么问题吗？

没有文档化的

自动完成
组件限制
属性

最初使用它的位置是在构造函数中使用的匿名对象中

在类上使用文档化的函数

更改：

    countrySelected: function (option) { // ewhen country is selected
        document.querySelector("#country").value = option.value
        document.querySelector("#country_label").value = option.label
        this.autocompleteSearchBox.componentRestrictions.country = option.value // I set new country
        console.log('this.autocompleteSearchBox::')
        console.log(this.autocompleteSearchBox)
    }

致：


我将代码autocompleteSearchBox.componentRestriction替换为this.autocompleteSearchBox.setComponentRestrictions（{country:option.value}），但没有任何效果。位置未更改在此情况下为我工作。我不确定你是如何测试它，或者你所说的“地点没有改变”。
    countrySelected: function (option) { // ewhen country is selected
        document.querySelector("#country").value = option.value
        document.querySelector("#country_label").value = option.label
        this.autocompleteSearchBox.componentRestrictions.country = option.value // I set new country
        console.log('this.autocompleteSearchBox::')
        console.log(this.autocompleteSearchBox)
    }

    countrySelected: function (option) { // ewhen country is selected
        document.querySelector("#country").value = option.value
        document.querySelector("#country_label").value = option.label
        this.autocompleteSearchBox.setComponentRestrictions({country:option.value}); // set new country
        console.log('this.autocompleteSearchBox::')
        console.log(this.autocompleteSearchBox)
    }