2011-07-04 12 views
6

maps.google.com पर उसी शैली को प्राप्त करने के लिए मैं Google मानचित्र v3 InfoWindow कैसे स्टाइल कर सकता हूं?आधुनिक आयताकार InfoWindow maps.google.com पर

+0

लघु जांच क्रोम के डेवलपर उपकरण का उपयोग कर यह स्पष्ट है कि गूगल बस विभिन्न सीएसएस नियमों के साथ अपने आयताकार infowindow स्टाइल नहीं है, लेकिन यह पूरी तरह से अलग संरचना है के बाद। बस उन दो स्क्रीनशॉट की तुलना करें: [maps.google.com] (https://img.skitch.com/20110706-c8b5tr6f3a7c5n36q6rr41i2gm.png) [क्लासिक आधिकारिक एपीआई] (https://img.skitch.com/ 20110706-p5m63aiyjr7efk8ym34upwsaky.png) – Lambder

उत्तर

7

आयताकार InfoWindows अब मानचित्र API 3.7 (वर्तमान रात संस्करण) के बाद से डिफ़ॉल्ट शैली हैं। एपीआई के

+0

हम 3.7 – defau1t

+0

में गोलाकार कोनों को कैसे प्राप्त करते हैं InfoBubble लाइब्रेरी का उपयोग करें। –

+0

क्या आप कृपया यूआरएल – defau1t

2

एपीआई InfoWindow ऑब्जेक्ट्स की मजबूत स्टाइल प्रदान नहीं करता है (या, यदि ऐसा होता है, तो यह दस्तावेज नहीं है)। आप देख सकते हैं कि http://code.google.com/apis/maps/documentation/javascript/reference.html#InfoWindowOptions पर कौन से विकल्प उपलब्ध हैं। जैसा कि आप देख सकते हैं, अभी, गोलाकार कोनों बनाम चीजों के लिए कुछ भी नहीं है।

तो, क्षमा करें, ऐसा लगता है कि आप स्टाइलशीट के साथ गड़बड़ कर रहे हैं, कम से कम वर्तमान में पहर।

1

असल में यह पहली बार मैं इसे देख रहा हूं। मुझे यकीन है कि Google के नए डिज़ाइन अपडेट के साथ वे एपीआई विंडोज अपडेट करना सुनिश्चित कर सकते हैं। इस दौरान मैं उपयोग करूंगा: Google Maps: How to create a custom InfoWindow?

1

यू Css में गहरी जाना तो infoWindow के लिए जिम्मेदार आयत का चयन करें और शैलियों सेट कर सकते हैं (वे 3.6 के बाद गोलाकार कोनों से हटाया);

#map_canvas div div div div div div div:nth-of-type(12) { 
-moz-border-radius:5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
border-radius: 5px 5px 5px 5px; } 
संबंधित मुद्दे