Question

我正在尝试使用Google Places API在自动完成文本框中获取城市名称。我不知道我的代码有什么问题，我没有在自动填充文本框中输入城市名称。

这是我的代码：

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&language=en"></script>
<script type="text/javascript">
    google.maps.event.addDomListener(window, 'load', function () {
        var options = {
            types: ['(cities)'],
            componentRestrictions: { country: "us" }
        };

        var input = document.getElementById('City');
        var places = new google.maps.places.Autocomplete(input, options);


    });
</script>

 <div>

      @Html.EditorFor(model => model.City, new { AllowHtmlAttribute = new { @class = "form-control" } })
      @Html.ValidationMessageFor(model => model.City)
</div>

Answer 1

您需要使用Apı键作为googleapis.com参考。

您应该在控制台上看到以下错误：

Google Maps API错误：MissingKeyMapError

转到https://developers.google.com/maps/documentation/javascript/get-api-key

像这样使用您的脚本参考：

 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key={YOUR_APIKEY};libraries=places&language=en"></script>

我尝试过，并且工作正常。

自动填写城市名称无效

1 个答案: