这是什么意思？ （Google Maps API）

Question

我在控制台中收到此错误消息。有谁能解释为什么？并且页面正在运行。

js?key=MyAPIKey&v=3.exp&libraries=places,drawing,geometry:32 InvalidValueError: not an instance of HTMLInputElement_.ab @ js?key=MyAPIKey&v=3.exp&libraries=places,drawing,geometry:32

Answer 1

InvalidValueError: not an instance of `HTMLInputElement`

这意味着您没有设置html输入元素的正确ID。 Google API无法在您的HTML代码中找到该控件。因为输入元素的id错误。

如果您使用textarea，那么它将无效，因为Google地图自动填充功能现在仅支持window.HTMLInputElement(input tags)

有关详细信息，请查看此Link

您还可以在此处找到Google Map API

的示例

Answer 2

在回调函数之后添加Google Api CDN

例如

function initMap() {
  //
}
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>

Answer 3

当我使用谷歌地图自动完成功能时，也会出现此错误。

InvalidValueError: not an instance of `HTMLInputElement`

所以我像解决这个问题。

var org = document.getElementById('origin');

 new google.maps.places.Autocomplete(org, options);