↑Ｂ

ツイート
2010.04.02

JavaScriptで作るスクロール地図ver.2

前回の基本モデルを改造して、拡大縮小機能と中心点の経緯度表示機能を付けてみました。プログラムは少し長くなって230行ほど。

以下、個人的メモ

• 拡大縮小時の位置合わせが必要になったため、前回は単なる画像スクロールだったのが、今回は現在位置の経緯度を計算しつつ、それを元にマップ表示位置を計算しています。ただ、実際には動作速度の関係でドラッグ中は簡易計算になってます。
• Math.roundが切り捨てじゃなくて、四捨五入なことに気がつかず、3時間ぐらい詰まった。切り捨てはMath.floor
• 倍率変更時に表示が一時的に乱れる問題あり、これは行っている処理「(1)表示位置の変更」と「(2)表示画像の切り替え」のうち(2)が時間がかかるため。解決には別IDの画像とかを用意して交互に切り替えるとかしないとダメかなぁ・・・

宮古島サイコーとか言っておきながら、沖縄本島より南の地図を用意し忘れてる。orz

Category:位置情報・GPS・地図

Follow @fetuin

コメント

いいっすね！=4
001 [04.03 00:10] @Prin:そのインデントはbannerスタイル？ ↑(1)
002 [04.03 00:37]ふぇちゅいん★25:昔から我流でコレで、コレじゃないと落ち着かないんです（＾−＾； ↑(1)

名前 ↑Ｂ

ツイート
コメント(※改行は省略されます）

※３回以上の連続書き込み不可

この記事のアクセス数:


→カテゴリー：位置情報・GPS・地図(記事数:262)
アクセス数の多い記事(過去1ヶ月)

すべて見る

この地図の作成に当たっては、国土地理院長の承認を得て、同院発行の基盤地図情報を使用した。（承認番号　平22業使、第40号）