スポンサードリンク

Tag Archives: スマートフォン

iPhone用

本ページのデモを見るには、ブラウザはGoogle Chromeを使用して下さい。

 

iPhone(アイフォン)やスマートフォンで、google mapを表示させたければ、jQtouchが手軽そうです。

 

◆jQtouch + Google Mapの作り方(方法)

しばらくiPhone(アイフォン)用のサイトをいじっていなかったので、見直しを兼ねて復習。

jQtouchライブラリも若干変更が出ているようですので、この機会に作りなおすことに。いずれにしても基本となるのは、jqtouchライブラリ

  Read more »

スマートフォン広告向けアドネットワーク

さて、当方素人、広告を自分のスマートフォンサイトに表示させるには、どうすれば? スマホ広告、アドネットワーク業界の相関関係を紹介されているサイトを覗くとふーむ。

  • AdLantis・・・・使ってみる
  • mediba・・・・申し込んでみた
  • AMoAd  ・・・・申し込んでみた
  • nend ・・・・翌日OK(土曜日だったが・・・)、使ってみる
  • AdMarker
  • AD-STA
  • InMobi
  • i-mobile ・・・・申し込んでみた

全てのブラウザに対応したcssスタイルシートの透明、半透明の背景設定を記述する

◆ 全てのブラウザに対応したcssスタイルシートの透明、半透明の設定を記述する

通常のWeb画面では、あまり使用しないかも知れませんが、スマートフォンの画面は狭いので、背景(background-color)を透明、または半透明にするテクニックを覚えておくと良さそうです。

Read more »

地図の拡大・縮小用のクリックボタン(アイコン)を地図の外に設置&現在の地図のズームレベルをインフォウィンドウ(infowindow)に表示する。


◆ Google Maps API v3 /ズームレベルを変更するためのボタンを地図の外部に設置する。

通常、地図のズームレベルは、マウスホイールを回転させれば、それでOKだが、iPhone(アイフォン)等スマートフォンでは、それが出来ない。希望のズームレベルへ変更したいものだ。

それなら、マップの外にズーム用のボタンを設置する案しか無いかな・・・。

ズーム関係で、使う要素は、ズームレベルを指定するための、setZoom()。それと現在のズームレベルを得るための、getZoom()。おまけで、ズームレベルが変更になったことを捕まえるためのマップイベント用ハンドラgoogle.maps.event.addListener(map, ‘zoom_changed’, function()の3つ。

(1)ズームレベルを指定する

ズームレベルを指定するscriptは、次のこれだけ。ズームレベルをしてするのは「setZoom」。それに初期座標からずれないようにpantToを追加したもの。

Read more »

Google Maps API V3の地図(マップ)をPC、スマートフォンで見れるように表示させるscriptとメタタグの設定

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 »

スポンサードリンク