Hintergrundfarbe zeigt blau für einige Zeit, wenn Google Karte Satellitenansicht laden

Ich habe Google Map implementiert und Standardansicht als Satellit. Aber wenn die Seite geladen wird, wird der Hintergrund blau angezeigt, bevor die Karte angezeigt wird. Es funktioniert gut, wenn die Kartenansicht standardmäßig eingestellt wird. Ich habe mit backgroundColor: 'none' in Karte Option überprüft. Aber es funktioniert nicht.Hintergrundfarbe zeigt blau für einige Zeit, wenn Google Karte Satellitenansicht laden

Ich verwende Code wie:

map = new google.maps.Map(document.getElementById("map"), { 
     center: new google.maps.LatLng(center_lat,center_long), 
     zoom: 18,   
     mapTypeControl: true, 
     mapTypeControlOptions: 
     { 
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID], 
      style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, 
      position: google.maps.ControlPosition.TOP_RIGHT    
     },   
     mapTypeId: google.maps.MapTypeId.HYBRID, 
     navigationControl: true, 
     navigationControlOptions: 
     { 
      style: google.maps.NavigationControlStyle.SMALL 
     }, 
     backgroundColor: 'none' 
    });

Kann mir jemand helfen?

Quelle

2017-01-06 vivekinv8

Ich glaube nicht, es ist der blaue Hintergrund, Es ist Meer. Ihre Anwendung sendet möglicherweise zuerst unterschiedliche Breiten- und Längengrade und dann die tatsächliche Länge. – Prajwal

@ Prajwal, danke für die Antwort. Ich habe in der Kartenoption nach lat Mitte gesucht. z.B. (30.704649, 76.717873) setzen Sie diesen Breiten- und Längengrad in "center: new google.maps.LatLng (30.704649,76.717873)". Aber das gleiche Problem bekommen. – vivekinv8

Bitte geben Sie ein [mcve], das das Problem veranschaulicht. [Ich sehe nichts wie dein Bild, wenn ich den geposteten Code in eine Geige stecke] (http://jsfiddle.net/geocodezip/LnL4ggop/) (aber vielleicht ist deine Computer- oder Netzwerkverbindung langsamer als meine). – geocodezip

ich definieren Karte Variable vor Ort Details zu bekommen. Ich habe eine Lösung für dieses Problem gefunden. Definieren Sie die Map-Variable nach dem Aufruf der URL, um Details zum Standort zu erhalten. Zum Beispiel:

$.getJSON('googlescript.php', function(items) 
    { 
     var center_lat = '30.704649'; 
     var center_long = '76.717873'; 

     map = new google.maps.Map(document.getElementById("map"), { 
      center: new google.maps.LatLng(center_lat,center_long), 
      zoom: 18,   
      mapTypeControl: true, 
      mapTypeControlOptions: 
      { 
       mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID], 
       style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, 
       position: google.maps.ControlPosition.TOP_RIGHT    
      },   
      mapTypeId: google.maps.MapTypeId.HYBRID, 
      navigationControl: true, 
      navigationControlOptions: 
      { 
       style: google.maps.NavigationControlStyle.SMALL 
      }, 
      backgroundColor: 'gray' 
     }); 

     var routePoints = []; 
     for (var i = 0; i < items.length; i++) {      
      (function(item) {      
       addMarker(item.lat,item.long); 
      })(items[i]); 
      routePoints.push(new  google.maps.LatLng(items[i].lat,items[i].long)); 
      var route= new google.maps.Polyline({ 
         path: routePoints, 
         strokeColor: "#FF0000", 
         strokeOpacity: .9, 
         strokeWeight: 3, 
         geodesic: true, 
         icons: [{ 
          icon: {path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW}, 
          offset: '0', 
          repeat: '100px' 
         } 
         ] 
      }); 
     map.setCenter(new google.maps.LatLng(center_lat,center_long)); 
     map.setZoom(18); 
     route.setMap(map); 
     map.setTilt(0);   
     } 

    }); 
    center = bounds.getCenter(); 
    map.fitBounds(bounds);

Quelle

2017-01-09 07:13:31 vivekinv8

Hintergrundfarbe zeigt blau für einige Zeit, wenn Google Karte Satellitenansicht laden

Antwort

Verwandte Themen