Retina対策でのG-Map

2013年9月25日

Retinaディスプレイ用にデザインするとき
対策方法としては・・・
背景画像などは、CSSスプライトなどで
解像度別に指定したりしますよね。
JSを使う方法では、Retina.js など、
@2x 画像を用意するのみで対応できるものもあります。
http://retinajs.com
ここで問題なのは、
googleMapが、すでにRetinaディスプレイ用に対応しているため、
Mapを含むページ全体に、
Retina.js などの JSをセットすると、
コンフリクトするということなんですね。
やってみてください。( 笑
Mapが表示されなくなるんで。。。
じゃどうすんのよ。というのはまぁ考えてくださいね。