crocodile notebook

feedly feedburner google+ twitter facebook creative commons BY:2.1 プロフィール


W&R : Jazzと読書の日々さんで紹介されている方法です。
年末にはGoogleからアプリがリリースとの噂もありますが、これのほうが良いかも!
そこまで思わせてくれる秀逸なWEBアプリですよ!

[World map]Creative Commons License photo credit: [World map] / Norman B. Leventhal Map Center at the BPL

インストールもスゴイ簡単。
まず、このページかW&R : Jazzと読書の日々さんをiOS端末で開きます。

data:text/html;charset=UTF-8,<title>GoogleMaps</title><meta name="apple-mobile-web-app-capable" content="yes"><link rel="apple-touch-icon" href="http://farm5.staticflickr.com/4035/4564840873_85c02262e9_z.jpg"><script>if(window.navigator.standalone){location.href="https://maps.google.co.jp/";}else{document.write("ホーム画面に追加")}</script>

上記のスクリプトを全文コピーします。

Safariを開いてアドレスバーにペースト、「開く」を押して画面を表示させます。

白いページが表示されたら、そのままホーム画面にブックマークします。

このアイコンをタップすると……

全画面表示のGoogle Mapsが!
全画面表示ですよ全画面表示。
これね、すごい便利。
iPadだと本当にすんごく便利。

スクリプト中の「http://farm5.staticflickr.com/4035/4564840873_85c02262e9_z.jpg」がアイコン。
これを好きな画像ファイルのURLに差し替えれば、アイコンも自由にカスタマイズできます。
大きさは640×640ピクセルくらいが良いみたいですね。

data:text/html;charset=UTF-8,<title>GoogleMaps</title><meta name="apple-mobile-web-app-capable" content="yes"><link rel="apple-touch-icon" href="https://lh6.googleusercontent.com/-tMRzsqsUeGI/UFvCqPrqxII/AAAAAAAAQHI/Sz7xrB7zYq8/w497-h373/iphone_maps_icon_ios6.png"><script>if(window.navigator.standalone){location.href="https://maps.google.co.jp/";}else{document.write("ホーム画面に追加")}</script>

例えば上記のようなスクリプトをアドレスにペーストすると!
iOS標準のアプリアイコンなのに中身はGoogle Maps……なんてことも出来ます!

位置情報を許可すれば、現在位置も追跡できるし。
もちろん拡大縮小できるし。
Googleアカウントにログインもできるし。
なにより全画面だし。
とにかく全画面だし。

これ、本当にすばらしいです。

《追記》 iOSのアイコンに適したアイコンを作成しました。

data:text/html;charset=UTF-8,<title>GoogleMaps</title><meta name="apple-mobile-web-app-capable" content="yes"><link rel="apple-touch-icon" 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>

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


iOS6でGoogleMapsをフルスクリーン表示にしてみました
via W&R : Jazzと読書の日々

スーパーマップル関東道路地図
昭文社
売り上げランキング: 23556

iOS6ユーザ必携のWEBアプリ版Google Mapsが便利すぎてスゴすぎる!

UPDATE: 2012.09.25
, , , ,




併せ読みに選ばれている
記事はこちらのようです

外国人に道をたずねられても大丈夫……かもしれない。そう、iPhoneがあればね!

外国人に道をたずねられても大丈夫……かもしれない。そう、iPhoneがあればね!

英語がわからなくても、道がわからなくても、iPhoneがあれば平気……かも?ボクが道を聞かれたとき、たまに使う方法です。

Facebookのソーシャルプラグイン風のTwitterソーシャルプラグイン

Facebookのソーシャルプラグイン風のTwitterソーシャルプラグイン

twitterのフォロワーリストをfacebook風ソーシャルウィジェットのようなレイアウトでブログに掲載するjQueryプラグインです。 カスタマイズも容易なので使いやすいですよ。

旧バージョンhttpや非Python環境でもLet’s Encryptを利用可能にする『acme.sh』

旧バージョンhttpや非Python環境でもLet’s Encryptを利用可能にする『acme.sh』

Pythonの導入が難しい環境や、公式ツールがうまく使えない方にオススメのLet’s Encrypt申請スクリプトです。WEBを無停止で申請できるので、SSL利用がより簡単になりますよ。

俺の雑誌愛が暴走する雑誌だけのブログ『crocodile MAG’STACK』始めてました。

俺の雑誌愛が暴走する雑誌だけのブログ『crocodile MAG’STACK』始めてました。

自分の雑誌録を兼ねたブログを立ち上げました。 読んで益なし損もなし。薬にならなきゃ毒でもなし。

Googleウェブマスターツールは構造化データを重要視してるっぽいからWordPressで対応してみました

Googleウェブマスターツールは構造化データを重要視してるっぽいからWordPressで対応してみました

ブログってちょーっとマジメなことをやろうって思うと、なんか専門用語ばっかりでめんどくせーとか思っちゃうボクですがやってみたらできたっぽいのでそれっぽくwordpressで構造化データの対応方法まとめです。

ワードプレスのページ送り(ページネーション)をプラグインなしで実装する方法

ワードプレスのページ送り(ページネーション)をプラグインなしで実装する方法

ワードプレスでのページ送りをプラグインなしで実装するためのPHPとCSSです。 機能的にはシンプルですが、簡単なCSSで自由にカスタマイズできるのがポイントです。