Intermittierende Probleme bei der Anzeige von google maps in der eckigen Ansicht

Question

Ich habe eine google map in einer eckigen Ansicht eingebettet und sie zeigt (wie unten rechts gezeigt) einige Male an und erscheint dann grau (unten - links) wenn ich Lade die Seite neu.

zum Google Meine Referenz ist in der Seitenkopf wie folgt aus:

<script src="https://maps.google.com/maps/api/js?key=<api_key>" type="text/javascript"></script> 

Mein HTML (in der Winkelansicht), sieht wie folgt aus:

 <div id="map_canvas" style="width: 100%; height: 300px"></div> 

Mein Code in der Steuerung für die Ansicht sieht so aus:

var geocoder = new google.maps.Geocoder(); 
geocoder.geocode({ 'address': addressLine }, function (results, status) { 

    if (status == google.maps.GeocoderStatus.OK) { 
      var myLatLng = { lat: results[0].geometry.location.lat(), 
          lng: results[0].geometry.location.lng() }; 

    var myOptions = { zoom: 8, center: myLatLng }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

    var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      title: name 
      }); 
    } 
}); 

Weiß jemand, warum das passieren könnte? Oder hast du das schon einmal erlebt?

Vielen Dank im Voraus!

Answer 1

Erstellen Sie eine Richtlinie für Ihre Google Maps. Der Controller des Status wird ausgeführt, bevor die Ansicht geladen wird. Der Controller einer Anweisung lädt nach der Ansicht.

Es gibt mehr als wahrscheinlich viele Google Map-Richtlinien da draußen. Suchen Sie also etwas, das bereits existiert, und optimieren Sie es.

Zum Beispiel: http://angular-ui.github.io/angular-google-maps/#!/