Google Maps Centres w lewym górnym rogu

Question

Oglądałem wiele różnych przykładów, problemów i innych rzeczy w związku z tym i nie mogę niczego znaleźć, więc nareszcie zadam pytanie.

Mapa, którą mam, nie jest środkiem znacznika i nawet go nie wyświetla. Punkt to bardzo lewy górny róg. Zobacz tutaj: http://i.imgur.com/Cc1ZK.png

Mam system zakładek do informacji kontaktowych. Gdy ktoś kliknie kartę, mapa i informacje ześlizgują się i pokazują właściwy znacznik (4 oddzielne mapy), jednak nie mogę uruchomić pierwszego, więc nie mogę go skopiować/wkleić.

Oto mój kod:

Scenariusz:

var latlng = new google.maps.LatLng(42.3535727, -83.0591444); 
var options = { 
     zoom: 14, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
var map = new google.maps.Map(document.getElementById('detroit_map'), options); 
marker1 = new google.maps.Marker({ 
      position: new google.maps.LatLng(42.3535727, -83.0591444), 
      map: map 
      }); 
map.setCenter(latlng); 

HTML:

<div id="detroit_map" style="width:270px;height:170px;"></div> 

P.S, otrzymuję żadnych błędów w chrom narzędzi programistycznych.

Mam nadzieję, że coś naprawdę prostego, którego przeoczyłem.

Dzięki

znalazłem odpowiedź dla przyszłych widzów:

Okazuje się, moje zakładki powoduje wyświetlanie między blokiem, a żaden robili moje obciążenie mapa dziwne. Zrobiłem dla każdego funkcję inicjującą i wywołałem setTimout ("functionName", 1000); aby wywołać mapy do załadowania.

Zmieniłem trochę kod mapy, ale wszystko można znaleźć na w3schools pod ich tutorialem.

Answer 1

poinformować mapy, aby zmienić rozmiar ..

google.maps.event.trigger(map, 'resize'); 

mapa jest instancja map, który jest zwracany przez

map = new google.maps.Map(document.getElementById("map_canvas"), { 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

Answer 2

Inicjalizacja mapy po kliknięciu tab. Działa to również w przypadku mapy zewnętrznej gorame, jeśli jest używana w zakładce.