Google मैप्स एपीआई संस्करण 3 छवियों को धुंधला/अस्पष्ट होने का कारण बनता है

Question

सफारी 5.1.5 पर कुछ कारणों से Google मानचित्र मेरी कुछ छवियों को धुंधला कर रहा है। उदाहरण के लिए http://catpr.com/craig-chapman/ लें - जब यह एक पल के लिए chandelier rendis crisply लोड करता है, और फिर blurs बाहर।

<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"> </script> 

मेरे कोड से

निकाला जा रहा है हो रहा बंद हो जाता है। यह केवल सफारी को प्रभावित करता है - यह फ़ायरफ़ॉक्स या क्रोम में नहीं होता है। मैंने सफारी के किसी पुराने संस्करण का परीक्षण नहीं किया है, तो यह एक बग हो सकता है? मैंने अपने कैश को साफ़ करने का प्रयास किया है, मेरे कंप्यूटर को पुनरारंभ करना + सफारी अपडेट करना, कोई बदलाव नहीं किया है।

कोई विचार?

धन्यवाद

Answer 1

मैं सफारी में बग पुन: पेश करने में असमर्थ हूँ। हालांकि, दो संभावित कामकाज:

1. स्क्रिप्ट को असीमित रूप से लोड करें। नक्शे एपीआई के मूल प्रारंभ पृष्ठ को देखें और अनुभाग को असीमित रूप से एपीआई लोड करना: http://goo.gl/m9OwJ

2. इसके बजाय Google स्टेटिक मैप्स छवि का उपयोग करने का प्रयास करें, जो जावास्क्रिप्ट को केवल मानचित्र की एक छवि लोड नहीं करेगा। http://goo.gl/wY8lF। मेरा सुझाव है कि क्योंकि आप Google मानचित्र API की गतिशील विशेषताओं का उपयोग नहीं कर रहे हैं।

Answer 2

मैं भी नक्शा ही है और पृष्ठ पर फ़ॉन्ट के साथ, इस समस्या थी।

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.5&sensor=false"></script> 

पहले एक (तुम्हारा के रूप में ही) मेरे धुँधली नक्शे देता है: एक लंबे समय के बाद इसे ठीक करने की कोशिश कर रहा, यह मेरा निष्कर्ष है। अगर मैं इसे टिप्पणी करता हूं और संस्करण 3.5 को मजबूर करता हूं तो नक्शे कुरकुरे और खुश हैं!

मुझे Google मानचित्र एपीआई के साथ मेरी वेबसाइट फोंट में एंटी-एलियासिंग बदलने में भी समस्याएं थीं।

* { 
    -webkit-font-smoothing: subpixel-antialiased !important; 
} 

मुझे आशा है कि यह आप या कोई मदद करता है: मैं अपने मुख्य style.css पर इसे ठीक करने में कामयाब रहे। नोट: मैं ट्विटर बूटस्ट्रैप ढांचे का उपयोग कर रहा हूं।

Answer 3

यह समस्या अब क्रोम (23 बीटा) पर 3.8 और 3.9 एपीआई के बीच के अंतर के साथ मेरे लिए हो रही है। यदि मैं 3.9 एपीआई निर्दिष्ट करता हूं, तो यह नक्शे को विभाजित दूसरे के लिए सही ढंग से दिखाता है और फिर सबकुछ धुंधला कर देता है। अगर मैं 3.8 एपीआई निर्दिष्ट करता हूं तो यह काम करता है जैसा कि इसे करना चाहिए।

आप समस्या को देख सकते हैं:

समस्या http://melbourne.origami.org.au पर है; मैंने वर्तमान में 3.8 एपीआई को वर्कअराउंड के रूप में सेट किया है, लेकिन जब वी 10 अंततः रिलीज़ हो जाता है, तो यह सबसे कम उपलब्ध एपीआई होने के लिए 3.9 को मजबूर कर देगा।

अपने स्वयं के पोकिंग से, 3.9 और 3.10 के बारे में लगता है कि जीएल कंपोजिटिंग के साथ सबकुछ प्रस्तुत करने के लिए क्रोम (और विस्तार सफारी मैं कल्पना करूंगा) के रूप में यह कहते हैं-webkit-transform: translateZ (0); सभी मानचित्र तत्वों के लिए। यह छिपे हुए दिखने वाली चीज़ों का कारण प्रतीत होता है।