スマホ用の下からニュッとGoogleマップを表示するjQueryライブラリ

スマートフォン、特にiPhoneでGoogleマップにリンクを貼ると、アプリが立ち上がってしまうため、ブラウザに戻ってこさせる一手間がかかってしまいます。

そこで、同ページでGoogleマップを表示させるためのライブラリを組んでみました。

特徴

Googleマップ側の仕様?なのか、マップをページ上部に表示しないと拡大時の中心点がずれてしまうので、自動的にページ上部へ移動し、Googleマップを下からニュッとアニメーションする動きを加えています。

動作確認

  • iOS 5.0.1
  • Android 2.3.3

純正ブラウザで取っています。Androidの場合はほかのブラウザの動作確認も取った方が良いのかな?

詳細説明・デモ

ダウンロード(GitHub)

Author: SUSH
Link: http://blog.sus-happy.net/sp-google-maps-jquery/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.