スポンサードリンク

Category Archives: Google Map V3 iPhone(アイフォン)

Wi-Fi接続で現在位置収得が出来ない? ジオロケーション(Geolocation)でGoogle Mapが表示されない

あるとき気がついたのですが、自宅でiPhone(アイフォン)のWi-Fi接続中にJQtouchデモの地図(Chromeで見てください)が表示されない場合があることに気がついた。

どうも現在地の座標を収得できていない模様。

大抵は問題ないのですが、まれにいつまで待っても地図が表示されない。iPhone(アイフォン)の設定からWi-Fi接続をOFFにして、3GS接続にすると読み込んだりする。Wi-Fiにしても3GSにしてもアンテナは、立っているのですが・・・・・。

原因はiPhone(アイフォン)の通信状況の問題でしょうか?

W3Cジオロケーション(Geolocation)のマニュアルを見ても、特に注意書きのようなものも見つからず・・・・・どうしよう。

Read more »

Google Map現在地アイコン/レーダのようにパルス発信するアニメーション

iPhone(スマートフォン用端末)のGoogle Map アプリのような現在地アイコンがいいな~なんて探していたら有りました。

plebeosaur.us “Here We Are Again”

青いドットのアイコンで周囲にレーダーのように青いリングが広がっていくアニメーション付きです。

 

icon icon

Read more »

目的地アイコン(マーカー)をクリックして、ルート検索結果と距離を表示させる方法の続き

この記事でご要求をいただいたので、記事を付けたし。

 

余計なソースを削除して、最低限のソースだけにしたサンプル地図

目的地アイコン(マーカー)をクリックして、ルート検索結果と距離を表示させるデモ

Read more »

jQTouch iPhone用Google Maps API V3 地図 でのjQuery click event (クリックイベント)

◆ Google Maps API v3 /jQTouchを使ったGoogle Mapでのclickイベントについて jQtouchをつかったGoogle MapのiPhone(アイフォン)用サイトで、google.maps.event.addListener(map, ‘click’, function()のクリックイベントが機能しないことに気がついた。ほんと知らないことばかり、でどうすればいい。

	google.maps.event.addListener(map, 'click', function() //◆地図をクリックした時
	{
	center = map.getCenter();
	searchLocationsNear(center);
	});

あれ?なんで? そおなんです。通常のサイトで動くscriptが、jQTouchだと動かなくなることが・・・・・ よくよくGoogleのフォーラムをみていたら、jQTouchの場合、jQueryのクリックコマンドがあるとのこと。 Read more »

アイフォンの画面サイズとGoogle Mapのサイズ

iPhone画面サイズ(320×480)

iPhone jQtouch画面内サイズ(320×416)

iPhone(アイフォン)でのユーザの現在座標位置を地図に表示する地理位置座標サービス(Geolocation)のGoogle Mapでの使い方とは?/watchPosition+clearWatchの切り替え方法

◆Google Maps JavaScript API V3 + Geolocation (watchPosition+clearWatch)

iPhone(アイフォン)の地図が見れるようになりました。自分の座標位置をGPS情報から収得できるようにもなりました。

しかし、以前に学んだwatchPositionとcurrentPositionだけでは、iPhone(アイフォン)用として使いにくいことが判明。

getcurrentPosition()では、収得できる座標の制度が悪すぎる。100m近くずれることがあります。

一方、watchPosition()を使うと、Google Mapで位置をずらすと数秒後に現在地に戻されてゆっくり地図を見ることもできません。

さて、どうすればいい?

完成したサンプルは、次のようなイメージ。左が追跡中。右がGeoLocation(地理位置座標サービス)の停止中。

詳しくは、下記参照。

Read more »

Webオンライン iPhone(アイフォン)用シミュレータTest iPhone.comをブラウザを変えて比較してみる。

まず本題から外れるが、Wordpressの場合、プラグインのKtai Styleを使えば、ブログを携帯電話用に変換できるのだが、どのようになるのか気になっていた。らしく表示されて、Docomo、au、softbankの確認が出来るので重宝(メモ)。

◆iPhone(アイフォン)用シミュレータTest iPhone.comをブラウザを変えて比較

さて、本題のアイフォン用シュミレータだが、迷った挙句、Test iPhone.comが使いやすくていいかと。

Test iPhone.com http://www.testiphone.com/

Web上のオンラインで実際のiPhone(アイフォン)画面と近い表示が可能。

しかし、使用するブラウザにより、かなり異なる。結論から言えば、私のiPhone(アイフォン)用サイトを忠実に表示できたのは、Google Chrome。iPhone(アイフォン)ならsafariかと思っていたが・・・・ダメでした。

ブラウザを変更してTest iPhone.comで作成中の実機用ページを表示比較してみた。ちなみにこのページの各マップの現在地の取得は、W3Cとgoogle.gearsの両方に対応。作成はjQtouch。

◆Google Chrome

一番、類似して表示できたのがgoogel Chorme。jQtouchのフロートバーやinputフォームもほぼそのまま。現在地収得にも対応。唯一残念なのがjQtouchのアニメーション対応。safariだと実機iPhone(アイフォン)のように、slide upやFlip等の動きも確認できるがGoogel Chromeでは不可。

Read more »

マーカーアニメーションクラス アイコンが降ってきたり、飛び跳ねたり!

◆ Google Maps API v3 / マーカーアニメーション Class

日本語のブラウザでアニメーションクラスを検索し、日本語版リファレンスへ飛んでも記載なし。英語版で確認してください。

google.maps.Animation class

現在、サポートされているmarkerのAnimations classは、”DROP”と”BOUNCE”

*  DROPは、マーカー表示の際に上から落ちてくるアニメーション。
* BOUNCEは、クリックイベントで飛び跳ねるアニメーションが可能。
面白いので、実装してみては?
Read more »

iPhone(アイフォン)向け地図にもAndroid コントローラの拡大縮小のズーム コントロールを表示させる。

◆ Google Maps API v3 / php+MySQL サンプルStore Locatorを試してみる。

iPhone(アイフォン)の地図のコントロールナビゲーションUIには、google codeを見るとiPhone(アイフォン)用のデフォルトは無し

しかし、iPhone(アイフォン)でも、ナビゲーションのオプション設定すればOK。お試しあれ。

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 »

1 / 212

スポンサードリンク