एक छिपे हुए क्षेत्र से Google मानचित्र प्रदर्शन

Question

मुझे उम्मीद है कि कोई व्यक्ति किसी छिपे हुए div से Google मानचित्र प्रदर्शित करने की सलाह दे सकता है।

मेरे पास एक Google मानचित्र है जो मैं एक उपयोगकर्ता को दिखाना चाहता हूं अगर वे किसी लिंक पर क्लिक करें यानी मानचित्र दिखाएं।

मानचित्र को एक छिपे हुए div में डालने से बस काम नहीं होता है इसलिए मैं मानचित्र को -1000 पीएक्स को पूर्ण सीएसएस मान पर छिपाने के साथ चला गया।

इसने मुझे बहुत बेहतर परिणाम दिए हैं, लेकिन जब मैं मानचित्र को वापस लाने के लिए सीएसएस का उपयोग करता हूं तो इसमें केवल दिखाया जाता है।

http://screencast.com/t/MTMyOGZmNW

किसी को भी मुझे सबसे अच्छा तरीका है पर सलाह एक छिपा नक्शा दिखाई देने लगते हैं करने के लिए मैं एक शो peform के बाद दे सकते हैं?

आशा है कि कोई सलाह दे सकता है।

धन्यवाद

Answer 1

आप निरपेक्ष स्थिति और जो कुछ के साथ परेशान नहीं की जरूरत है। आइए div आवश्यक जब तक छिपा हो, तो यह दिखाने के लिए और फोन google.maps.event.trigger(map, 'resize') (v3) या map.checkResize() (v2)

अतिरिक्त परिदृश्य टिप्पणी में उल्लेख किया है:

सुनिश्चित करें कि आप map.fitBounds() कॉल करने से पहले google.maps.event.trigger(map, 'resize') फोन या अनपेक्षित परिणाम प्रदान करेंगे ।

Answer 2

क्या आपने मानचित्र के आकार बदलने की घटना को कॉल करने का प्रयास किया है?

Google Maps API - Map

Answer 3

क्यों div दिखाए जाने तक मानचित्र के प्रतिपादन को रोकना नहीं है?

किसी न किसी कोड:

$("button").click(function() { 
    $(mapDiv).show(); 
    new google.maps.Map(mapDiv, opts); 
});