Sie haben die Google Maps API mehrfach auf dieser Seite eingebunden

Ich verwende Google Map API v3. Ich verwende das wpestate Immobilien-WordPress-Theme. Dies ist mein Code in der Vorlagendatei.

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="https://maps.googleapis.com/maps/api/js?   
  v=3.exp&sensor=false&libraries=places"></script>
  <script>
var geocoder;
var map;
function initialize() {

var input = document.getElementById('address');
var options = {

componentRestrictions: {country: "in"}
};
var autocomplete = new google.maps.places.Autocomplete(input,options);
geocoder = new google.maps.Geocoder();


//var latlng = new google.maps.LatLng(18.52043030000, 73.85674369999);

var mapOptions = {
 zoom: 15,
//center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,

}

var map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);

}



function codeAddress() {
 var address = document.getElementById('address').value;


 geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {

 map.setCenter(results[0].geometry.location);
  var marker = new google.maps.Marker({
      map: map,
      position: results[0].geometry.location
  });
  } else {
  alert('Geocode was not successful for the following reason: ' + status);
  }
 });
}


 google.maps.event.addDomListener(window, 'load', initialize);
 </script>

Es läuft wie erwartet, aber es gibt einen Fehler in der Konsole “Sie haben die Google Maps-API mehrmals auf dieser Seite eingefügt. Dies kann zu unerwarteten Fehlern führen.”. Aus diesem Grund zeigt die Karte keine Eigenschaften auf der Karte an.

Entfernen Sie die erste Zeile:

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>

Sie binden die Google Maps-API zweimal ein.

Ihr Problem ist, wie andere herausgefunden haben, das Duplikat Skript von Google Maps. Bitte überprüfen Sie den Link unten für funktionierenden Code.

http://jsbin.com/husahasu/1/edit

Um die Karte zu rendern Sie müssen seinen Mittelpunkt angeben. Ohne wird es nicht gerendert. Sie müssen auch CSS für Ihre Elemente hinzufügen. Setzen Sie dies in den Kopf des Dokuments.

<style type="text/css">
 html { height: 100% }
 body { height: 100%; margin: 0; padding: 0 }
 #googleMap { height: 100% }
</style>

In meinem Fall habe ich den Link zur Bibliothek zweimal eingefügt, auf der obersten Seite und vor div. Ich lösche jeden Link und es wird funktionieren. Sie überprüfen Links auf Ihrer Seite.