Posted by 管理人 on 2012年5月4日
本ページのデモを見るには、ブラウザはGoogle Chromeを使用して下さい。
iPhone(アイフォン)やスマートフォンで、google mapを表示させたければ、jQtouchが手軽そうです。
◆jQtouch + Google Mapの作り方(方法)
しばらくiPhone(アイフォン)用のサイトをいじっていなかったので、見直しを兼ねて復習。
jQtouchライブラリも若干変更が出ているようですので、この機会に作りなおすことに。いずれにしても基本となるのは、jqtouchライブラリ
Read more »
Posted by 管理人 on 2011年10月29日
さて、当方素人、広告を自分のスマートフォンサイトに表示させるには、どうすれば? スマホ広告、アドネットワーク業界の相関関係を紹介されているサイトを覗くとふーむ。
Posted by 管理人 on 2011年2月13日
◆ 全てのブラウザに対応したcssスタイルシートの透明、半透明の設定を記述する
通常のWeb画面では、あまり使用しないかも知れませんが、スマートフォンの画面は狭いので、背景(background-color)を透明、または半透明にするテクニックを覚えておくと良さそうです。
Read more »
Posted by 管理人 on 2011年1月16日
◆ Google Maps API v3 /ズームレベルを変更するためのボタンを地図の外部に設置する。
通常、地図のズームレベルは、マウスホイールを回転させれば、それでOKだが、iPhone(アイフォン)等スマートフォンでは、それが出来ない。希望のズームレベルへ変更したいものだ。
それなら、マップの外にズーム用のボタンを設置する案しか無いかな・・・。
ズーム関係で、使う要素は、ズームレベルを指定するための、setZoom()。それと現在のズームレベルを得るための、getZoom()。おまけで、ズームレベルが変更になったことを捕まえるためのマップイベント用ハンドラgoogle.maps.event.addListener(map, ‘zoom_changed’, function()の3つ。
(1)ズームレベルを指定する
ズームレベルを指定するscriptは、次のこれだけ。ズームレベルをしてするのは「setZoom」。それに初期座標からずれないようにpantToを追加したもの。
Read more »
Posted by 管理人 on 2010年11月1日
Google Maps API v3の地図を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>
となっています。
Read more »