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

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

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

特徴

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

動作確認

  • iOS 5.0.1
  • Android 2.3.3

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

詳細説明・デモ

機能説明はこちらのページをご確認ください。

デモページ(スマートフォンでご覧ください)はこちらから

ダウンロード(GitHub)