2017-05-31 3 views
-2

die Google-Karte in vollem Behälter zeigen, zeige ich google map einige Markierungen überall auf der Welt zu zeigen, um zu zeigen, dass ich den folgenden Code verwenden:Wie ohne graue Farbe

var locationMap; 
     $scope.initializeLocationMap = function() { 
      var latlng = new google.maps.LatLng(0, 0); 
      var myOptions = { 
       zoom: 1, 
       center: latlng 

      }; 
      locationMap = new google.maps.Map(document.getElementById("locationMap"), 
       myOptions); 
     }; 

richtig in normaler Anzeige Auflösungsbildschirme. Aber in einer größeren Auflösung, der Container mit 814px Breite und 823px Höhe zeigt Karte in der Mitte, die obere und untere Lücke ist mit grauer Farbe gefüllt, wie man den ganzen Container mit Karte zeigt, nicht mit grauer Farbe.
Ich erhalte die Karte wie unten enter image description here

+0

der Benutzer auf den Punkt verkleinern Lassen Sie sich nicht, wo die graue zeigt, ist. Stellen Sie eine MinZoom auf der Karte von 2 oder 3 ein. – Adam

+0

versuchen Einstellung Container Breite: 100% oder nach Bedarf und Höhe: auto – komal

+0

@Adam was ist, wenn die MinZoom auf 2 und lassen Sie den Benutzer auf den Punkt zu verkleinern, und auch MinZoom 2 zeigt nicht die Weltkarte in normal Bildschirme. Es wird korrekt in größerer Auflösung angezeigt. –

Antwort

0

Dieses Versuchen:

  <body id="googleMap" style="width:100%;height:400px;"> 

      <script> 
      function myMap() { 
      var mapProp= { 
      center:new google.maps.LatLng(51.508742,-0.120850),zoom:5, 
      }; 
      var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
      } 
      </script> 
      </body> 
Verwandte Themen