本ページのデモを見るには、ブラウザはGoogle Cｈromeを使用して下さい。
iPhone（アイフォン）やスマートフォンで、google mapを表示させたければ、jQtouchが手軽そうです。
◆ｊQtouch + Google Mapの作り方（方法）
しばらくiPhone（アイフォン）用のサイトをいじっていなかったので、見直しを兼ねて復習。
ｊQtouchライブラリも若干変更が出ているようですので、この機会に作りなおすことに。いずれにしても基本となるのは、jqtouchライブラリ
スポンサードリンク
Tag Archives: スマートフォン
iPhone用
Posted by 管理人 on 2012年5月4日
4 comments | 3,093 views
スマートフォン広告向けアドネットワーク
Posted by 管理人 on 2011年10月29日
None comments | 364 views
全てのブラウザに対応したcssスタイルシートの透明、半透明の背景設定を記述する
Posted by 管理人 on 2011年2月13日
3 comments | 93,701 views
地図の拡大・縮小用のクリックボタン（アイコン）を地図の外に設置＆現在の地図のズームレベルをインフォウィンドウ(infowindow)に表示する。
Posted by 管理人 on 2011年1月16日
1 comments | 5,242 views
◆ Google Maps API v3 /ズームレベルを変更するためのボタンを地図の外部に設置する。
通常、地図のズームレベルは、マウスホイールを回転させれば、それでOKだが、iPhone（アイフォン）等スマートフォンでは、それが出来ない。希望のズームレベルへ変更したいものだ。
それなら、マップの外にズーム用のボタンを設置する案しか無いかな・・・。
ズーム関係で、使う要素は、ズームレベルを指定するための、setZoom()。それと現在のズームレベルを得るための、getZoom()。おまけで、ズームレベルが変更になったことを捕まえるためのマップイベント用ハンドラgoogle.maps.event.addListener(map, ‘zoom_changed’, function()の3つ。
（1）ズームレベルを指定する
ズームレベルを指定するscriptは、次のこれだけ。ズームレベルをしてするのは「setZoom」。それに初期座標からずれないようにpantToを追加したもの。
Google Maps API V3の地図（マップ）をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定
Posted by 管理人 on 2010年11月1日
None comments | 20,502 views
Google Maps API ｖ3の地図をiPhone（アイフォン）やスマートフォンで見れるように表示させるには、次のメタタグとscriptタグを<header>タグ内に記述しておく必要があります。
ここで注意点です。
Google先生のデフォルトは、
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no” />
<script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=set_to_true_or_false“></script>
となっています。
スポンサードリンク
