जावास्क्रिप्ट के साथ Google मानचित्र का आकार बदलना

आपको एक समस्या का सामना करना पड़ा है जहां Google युक्त "मैपरैप" डिव का आकार बदलने के बाद Google टाइल्स गायब हो जाती हैं नक्शा. इस लेख का उद्देश्य Google मानचित्र समायोजन को ट्रिगर करने के लिए उपयुक्त फ़ंक्शन पर चर्चा करके इस समस्या का समाधान प्रदान करना है।

टाइलें गायब क्यों हो जाती हैं?

जब आप "का आकार बदलते हैं मैपव्रैप" div में, Google मानचित्र स्वचालित रूप से नए आकार में समायोजित नहीं होता है। इसके परिणामस्वरूप मानचित्र आयामों और प्रदर्शन क्षेत्र के बीच एक बेमेल हो जाता है, जिससे टाइलें गायब हो जाती हैं। Google मानचित्र ऑब्जेक्ट पर। यह मानचित्र को अपने लेआउट की पुनर्गणना करने और "मैपवैप" डिव के नए आयामों में समायोजित करने का निर्देश देता है।

Google मैप्स v3 के लिए, इस फ़ंक्शन का उपयोग करें:

google। मैप्स.इवेंट.ट्रिगर(मानचित्र, "आकार बदलें");

प्रदर्शन

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

$ (समारोह() { वर मानचित्र विकल्प = { ज़ूम: 8, केंद्र: नया google.maps.LatLng(-34.397, 150.644) }; var मानचित्र = नया google.maps.Map($("#map-canvas")[0], मानचित्रविकल्प); // विंडो आकार बदलने की घटना को सुनें और आकार बदलने के लिए Google मानचित्र को ट्रिगर करें $(विंडो).आकार बदलें(फ़ंक्शन() { google.maps.event.trigger(मानचित्र, "आकार बदलें"); }); });यह उदाहरण सुनिश्चित करता है कि जब भी विंडो का आकार बदलता है, तो "मैप-कैनवास" डिव के भीतर Google मानचित्र स्वचालित रूप से नए आकार में समायोजित हो जाएगा, जिससे टाइल्स को गायब होने से रोका जा सकेगा।