iOS6でGoogleマップを使う方法 -iPhone 4S-

2012年10月04日 投稿
iphone5は買っていなくて、iPhone4sなのですが
うっかりiOS6にアップデートしてしまったので
マップがわからんちんになりました。


■iOS6でGoogleマップを使う方法
参考サイト
http://weekly.ascii.jp/elem/000/000/109/109844/
http://d.hatena.ne.jp/wineroses/20120921/p1
http://mag.torumade.nu/?p=9221

このアプリ、というかサファリで開いたGoogleMapsを
フルスクリーン表示してくれるコードで
GoogleMapsを使えるようになりました。

↓コード↓

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>



↓コードの内容(別に知らなくても動くから良いのだけど)↓

■<meta name="apple-mobile-web-app-capable" content="yes">
iPadには、Webページを開くボタンを、ホーム画面に配置することができるのですが、その配置するときに、HTML内で、<meta name="apple-mobile-web-app-capable" content="yes" >とかしておくと、ホーム画面から開いたとき、Safariがフルスクリーンモードになり、あたかも普通のアプリのように見える
http://blog.dtpwiki.jp/dtp/2011/02/ipadhtmlapple-m.html
http://d.hatena.ne.jp/izit_kosuke/20110219/1298073430

■<link rel="apple-touch-icon" href="http://farm5.staticflickr.com/4035/4564840873_85c02262e9_z.jpg">
アイコン
大きさは640×640ピクセルくらいが良いみたいですね。

■location.href
JavaScriptでの普通にリンクを貼る方法
 <a href="">と動作は同じ
http://www.pori2.net/js/location/1.html
ふつうのリンク記述だとフルスクリーンモードから抜けて
Safariに飛ばされてしまうのです

■window.navigator.standalone
モバイルSafariのスクリーンモードは
window.navigator.standaloneオブジェクトで知ることができます。
フルスクリーンモードではtrueを、ブラウザモード(?)ではfalseを返す
http://takeru-chan.cocolog-nifty.com/blog/2010/11/iphone-77d2.html


この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
トラックバック
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/324163548
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
無料でネット上のサーバ
5GBを使えます
これで複数のパソコンを常に同期してます。 マシンが壊れたときもデータはすべて助かるし外で作業もできます。

↓両方使うと便利↓

bsugar_sync.gifSugarSync(シュガーシンク)の始め方

20101115131639.gif Dropbox(ドロップボックス)は2GB 同期が早い

ムームードメインと
ロリポップサーバーが
安いしかんたん
ムームードメインと
ロリポップサーバーの組合せが
安さ、使いやすさ最強

系列会社なので複雑な設定が
かんたんになります


ムームードメイン


ロリポップサーバーは安いし
管理画面が使いやすいです

track feed
トラックフィード
カテゴリ
無料ツールまとめ
最新記事
<< 2013年02月 >>
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28    
検索
 
SEOのお勉強など
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。