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