Error: this.setValues ​​is not a function in js code use google map api

Question

here is the java script code:

<script> function initMap() { var lat = 10; var lng = 10; var propertyCenter = {lat: 10, lng: 10}; var propertymap = { center: new google.maps.LatLng(lat, lng), zoom: 7, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("propmap"), propertymap); var marker = google.maps.Marker({ position: propertyCenter }); marker.setMap(map); } google.maps.event.addDomListener(window, 'load', initMap); </script> 

I get the following error on the console:

js? key = my_key & callback = initMap: 65 Uncaught TypeError: this.setValues ​​is not a function

Answer 1

Take a look at Map Markers not showing up (JavaScript / Google Maps V3 API)

Try to change

 var marker = google.maps.Marker 

to

 var marker = new google.maps.Marker 

Adding new should fix your problem

This also applies to the load-google-maps-api library for those using webpack.

 loadGoogleMapsAPI().then((googleMaps) => { new googleMaps.Map(element, {options}) }).catch((err) => { console.error(err) })