शीर्ष बाएं कोने पर Google मानचित्र केंद्र

Question

मैं इसके बारे में कई अलग-अलग उदाहरण, समस्याएं और अन्य चीजों को देख रहा हूं और मुझे कुछ भी नहीं मिल रहा है, इसलिए मैं अंततः एक प्रश्न पूछूंगा।

मेरे पास नक्शा मार्कर को केंद्रित नहीं करता है और इसे प्रदर्शित भी नहीं करता है। यह बिंदु बहुत ऊपरी बाएं कोने बिंदु। यहां देखें: http://i.imgur.com/Cc1ZK.png

मेरे पास संपर्क जानकारी के लिए एक टैब सिस्टम है। जब कोई टैब पर क्लिक करता है, तो नक्शा और जानकारी नीचे स्लाइड करती है और उचित मार्कर (4 अलग-अलग मानचित्र) दिखाती है, हालांकि मुझे काम करने वाला पहला व्यक्ति नहीं मिल सकता है, इसलिए मैं इसे कॉपी/पेस्ट नहीं कर सकता।

स्क्रिप्ट::

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); 

एचटीएमएल:

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

पी.एस, मैं क्रोम डेवलपर उपकरण में कोई त्रुटि नहीं मिल

यहाँ मेरी कोड है।

यह उम्मीद है कि कुछ वास्तव में सरल है जिसे मैंने अनदेखा किया।

धन्यवाद

भविष्य दर्शकों के लिए मिले जवाब:

बाहर कर देता है, मेरे टैब्स ब्लॉक के बीच प्रदर्शन के कारण, और कोई भी मेरी नक्शा लोड अजीब बना रहे थे। मैंने प्रत्येक के लिए प्रारंभिक कार्य किया है, और setTimout ('functionName', 1000) कहा जाता है; लोड करने के लिए नक्शे को कॉल करने के लिए।

मैंने अपना नक्शा कोड थोड़ा बदल दिया, लेकिन हम अपने ट्यूटोरियल के तहत w3schools पर सब कुछ पा सकते हैं।

Answer 1

आकार बदलने के लिए अपने नक्शे को बताएँ ..

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

मानचित्र मानचित्र आवृत्ति द्वारा

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

Answer 2

दिया जाता है नक्शा प्रारंभ के बाद टैब पर क्लिक किया जाता है। यह टैब के अंदर उपयोग किए जाने पर आईफ्रेम Google मानचित्र के लिए भी काम करता है।