6

何らかの理由で、Safari 5.1.5 の Google マップで一部の画像がぼやけています。http://catpr.com/craig-chapman/を例にとると、読み込み時にシャンデリアが一瞬鮮明にレンダリングされ、その後ぼやけます。

削除する 

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

私のコードから、これは起こりません。Safari にのみ影響するようです - これは Firefox や Chrome では発生しません。古いバージョンの Safari はテストしていないので、バグでしょうか? また、キャッシュをクリアし、コンピューターを再起動してSafariを更新しようとしましたが、変化はありません。

何か案は？

ありがとう

4

3 に答える 3

8

この問題は、Chrome (23 ベータ版) の 3.8 API と 3.9 API の違いで発生しています。3.9 API を指定すると、マップが一瞬正しく表示された後、すべてがぼやけてしまいます。3.8 API を指定すると、正常に動作します。

ここで問題を見ることができます：

問題はhttp://melbourne.origami.org.auにあります。現在、回避策として 3.8 API を設定していますが、最終的に v10 がリリースされると、3.9 が利用可能な API の最低レベルになる可能性があります。

私自身の突っ込みから、3.9 と 3.10 は Chrome を呼び出して (そして拡張子 Safari で私が想像するように)、すべてを GL 合成でレンダリングして -webkit-transform: translateZ(0); を追加しているようです。すべてのマップ要素に。これが、恐ろしい見た目の原因のようです。

于 2012-10-08T01:59:42.797 に答える
7

マップ自体とページ上のフォントにもこの問題がありました。これを修正しようと長い間試みた後、これが私の結論です：

<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 にすると、マップはサクサクで満足です!

また、Web サイトのフォントのアンチエイリアスを変更する Google Maps API にも問題がありました。メインでこれを修正できましたstyle.css：

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

これがあなたや誰かに役立つことを願っています。 注: Twitter ブートストラップ フレームワークを使用しています。

于 2012-05-25T01:02:34.513 に答える
-1

Safari でバグを再現できません。ただし、次の 2 つの回避策が考えられます。

  1. スクリプトを非同期でロードします。Maps API の基本的な [Getting Started] ページをチェックして、セクション Asynchronously Loading the API: http://goo.gl/m9OwJを見つけてください。

  2. 代わりに Google Static Maps 画像を使用してみてください。JavaScript はマップの画像だけをロードしません。http://goo.gl/wY8lF。Google Maps API の動的機能を使用していないように見えるため、それをお勧めします。

于 2012-04-03T23:03:18.383 に答える