Google　Mapをぐるぐる回すサンプルを作ってみました - TechTalkManiacs

暮らしカテゴリーの変更を依頼記事元:

kagigotonet.hatenablog.com

34 usersがブックマークコメント

コメント

6

記事へのコメント6件

注目コメント
新着コメント

typista デモが404だけど、サンプルコードから試してみよ。 RT @dsuenaga: Google Mapをぐるぐる回すサンプルを作ってみました - TechTalkManiacs

2011/01/06 リンク

arcalcm GPSリアルタイムトラッキングに使ってみたい。

2010/01/22 リンク

girled 電子コンパス使ったサービスとかにいろいろ応用できそうだね。思いのほか軽く回ったので気持ちいいかも。

2010/01/22 リンク

Kanasansoft こっちもよろしく...。 http://www.kanasansoft.com/weblab/2010/01/heading_up_map.html

2010/01/22 リンク

t_furu WEBアプリで地図回転ができるんだー

2010/01/22 リンク

nilab Google　Mapをぐるぐる回すサンプルを作ってみました - TechTalkManiacs : 「CSS3のtranceformを利用」「geoloiocationに対応していてiPhone3GSでアクセスすると公式のGoogleMapsアプリと同じように方位にあわせて地図が回転」

2010/01/22 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Google　Mapをぐるぐる回すサンプルを作ってみました - TechTalkManiacs

CSS3のtranceformを利用してJSとCSSのみでGoogle　Mapをぐるぐる回すサンプルを作ってみました。PCでは... CSS3のtranceformを利用してJSとCSSのみでGoogle　Mapをぐるぐる回すサンプルを作ってみました。PCでは、Firefox 3.1以上、Safari 3.1以上、Google chromeで動作します。また、HTML5のgeoloiocationに対応していてiPhone3GSでアクセスすると公式のGoogle Mapsアプリと同じように方位にあわせて地図が回転する、はずです。実機持ってないのでテストできてませんが。地図の回転の仕組み地図の回転そのものは単純で、geolocationのheadingプロパティおよび矢印の回転を検出してjavascriptでプロパティを設定しているだけです。地図のドラッグは本来ならば回転した分だけ斜めになるところを、単純な回転座標系の座標変換をGoogle　mapのmoveイベントで行って普通にマウスの移動に追随するようにしています

ブックマークしたユーザー

typista2011/01/06
kaz_292010/07/21
justoneplanet2010/02/08
chris44032010/02/01
kujoo2010/01/26
tknzk2010/01/24
daikichi_blue2010/01/23
Watson2010/01/23
khashi2010/01/23
naskin2010/01/23
frompluto2010/01/23
taka2222010/01/23
idoya2010/01/23
ethertank2010/01/22
jdg2010/01/22
wizgedo2010/01/22
makamaka_at_donzoko2010/01/22
ango_system2010/01/22

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx