What does this mean? (Google Maps API)

Question

i've got this error message in the console. can anyone explain why? and the page is running as it should be.

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

Without seeing relevant code, no one could really tell 100% – Tah Feb 09 '16 at 05:25 — Tah, Feb 09 '16 at 05:25

score 14 · Accepted Answer · edited May 23 '17 at 10:31

14

InvalidValueError: not an instance of `HTMLInputElement`

That's mean you have not set proper id of your html input element. Google API not able to find that control in your html code. Because of wrong id of input element.

If you using textarea then it will not work because google maps autocomplete now supports only window.HTMLInputElement(input tags)

For more details Please Check this Link

You can also find examples here of Google Map API

edited May 23 '17 at 10:31

Community

1
1

answered Feb 09 '16 at 06:28

Jaimin Soni

1,061
1
13
29

I get this with input tags, and no textarea. Any other thoughts? – Jordan Jan 14 '19 at 23:03

score 0 · Answer 2 · edited Jan 22 '19 at 06:04

0

Add Google Api CDN after the callback function

eg.

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

edited Jan 22 '19 at 06:04

Suraj Kumar

5,547
8
20
42

answered Jan 22 '19 at 05:51

Rakesh Nandi

141
1
5

score 0 · Answer 3 · answered Sep 17 '19 at 12:10

0

I also got this error when i use google map autocomplete.

InvalidValueError: not an instance of `HTMLInputElement`

So i solve this as like .

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

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

answered Sep 17 '19 at 12:10

Fahim Akhtar

359
1
4
13

What does this mean? (Google Maps API)

3 Answers3

Linked