Google मानचित्र की चौड़ाई को नियंत्रित करना InfoWindow

Question

कोई भी जानता है कि Google मानचित्र में InfoWindow की चौड़ाई कैसे सेट करें? इन्फॉविंडो कार्टून जैसा बुलबुला है जो Google मानचित्र में किसी बिंदु पर क्लिक करते समय पॉप अप करता है। मैं सीएसएस के माध्यम से ऊंचाई को नियंत्रित कर सकता हूं लेकिन चौड़ाई को बदलने के लिए यह नहीं समझ सकता (मैं डिफ़ॉल्ट infowindow से पतला चाहता हूँ)।

मुझे एपीआई में मैक्सविड्थ का संदर्भ मिला लेकिन मुझे यह पता नहीं लगाया जा सकता कि इसे कहां रखा जाए। कोई विचार?

Answer 1

एपीआई के v3 के लिए, InfoWindowOptions.maxWidth संपत्ति जो आप पूछ रहे हैं वह करता है। InfoWindow कन्स्ट्रक्टर InfoWindowOptions ऑब्जेक्ट का वैकल्पिक तर्क लेता है।

var iw = new google.maps.InfoWindow({ content: some_text, maxWidth: 200 }); 

documentation नोटों कि "जब सामग्री को बदलने के मूल्य केवल तभी इसे खोलने के लिए एक फोन से पहले सेट कर दिया जाता माना जाता है। अधिकतम चौड़ाई बदलने के लिए, करीब है, setOptions, और फिर फोन खुला।"

Answer 2

आप इस तरह पहली बार में div जोड़ सकते हैं:

<div style='width:300px;margin:0 0 20px 20px;height:90px;'> 

Answer 3

आप गूगल मैप्स की शैली ओवरराइड कर सकते हैं।

/* Just use .gm-style-iw */ 
.gm-style-iw { 
    width: 300px; 
    min-height: 150px; 
} 

स्रोत: https://katz.co/resizing-infowindow/