Hatena::ブログ(Diary)

W&R : Jazzと読書の日々 このページをアンテナに追加 RSSフィード

2012/09/21

iOS6でGoogleMapsをフルスクリーン表示にしてみました

ただ、Webページに飛ぶだけなんですけどね。


f:id:wineroses:20120921100402j:image

普通にSafariアクセスし、ホーム画面に追加。この方法はiPadだと、上の方にアドレスバーが残ってしまい、残念感が出てしまうんです。


iPhone/iPadのアイコンをカスタマイズするDraftPadアシスト - W&R : Jazzと読書の日々
URLスキームを使えることが前提です。iPhoneだけで手軽にURLスキームを調べる方法 QuickLaunchホーム画面に置くアイコンを自分の好みに変えてしまうアプリ。よくあるじゃないですか。上みた...

それで、以前使ったホーム画面にショートカットを作る方法を応用し、GoogleMapsをフル画面にする呪文を作ってみました。


f:id:wineroses:20120921100459j:image

data:text/html;charset=UTF-8,<title>GoogleMaps</title><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><link rel=apple-touch-icon-precomposed href="http://mag.torumade.nu/wp-content/uploads/2012/09/google_map_torumade.png"><script>if(window.navigator.standalone){location.href="https://maps.google.co.jp/";}else{document.write("ホーム画面に追加")}</script>

(2012/9/26に修正)上のスクリプトをSafariのURL欄に貼り付けてください。「ホーム画面に追加」をするとアイコンが出てきます。鰐さんのアイコンをお借りして作り直しました。ありがとうございます。さらに、アイコンの光らないタイプに改造。

登録用リンクはこちら→ http://tinyurl.com/8lo9wmh

(参考)iOS6ユーザ必携のWEBアプリ版Google Mapsが便利すぎてスゴすぎる! | crocodile notebook [ 鰐ノート ]


f:id:wineroses:20120921100546j:image

ホーム画面にできたアイコンを実行すると、地図がフル画面になります。このスクリプトは、単にlocation.hrefで飛んでるだけなので、他のサイトにも応用できると思います。何かフルにしたいところがあれば、お使いください。ストリートビューについては下記参照。

iOS6でGoogleストリートビューを見るWebアプリ(その2)


(追記)YouTubeも考えたけど、戻るボタンがない。フルスクリーンは便利。

f:id:wineroses:20120923233830j:image

data:text/html;charset=UTF-8,<meta name=apple-mobile-web-app-capable content=yes><link rel=apple-touch-icon-precomposed href="http://s.ytimg.com/yt/mobile/img/apple-touch-icon-144x144-precomposed-vfl81aXex.png"><title>YouTube</title><script>if(window.navigator.standalone){location.href="http://m.youtube.com/";}else{document.write("ホーム画面に追加")}</script>

登録用リンクはこちら→ http://tinyurl.com/9ftnfqg


ホームボタンが効かないときがあるようです。そのときは諦めて、電源ボタンとホームボタンの同時長押しで再起動が必要みたい。古いバージョンのキャッシュが残ってるときかな?

MyScriptsを使うとどんなサイトもフルスクリーンに出来ます


(追記)Webアプリはリセットされるのが難点。直接検索も出来る下記方法もオススメ。

DraftPadにGoogleMapsを組み込んでみました