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

カテゴリー:位置情報・GPS・地図(記事数:262)



↑B


2010.04.02

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

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

以下、個人的メモ

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


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

Category:位置情報・GPS・地図



コメント

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

名前 ↑B

コメント(※改行は省略されます)

※3回以上の連続書き込み不可
この記事のアクセス数:563
2021.12.07アップルの落とし物トラッカーAirTagが、車泥棒に悪用される事件が増えていると報告
2021.11.25位置情報共有サービスLife360が落とし物トラッカー大手の「Tile」を買収4コメ
2021.10.13TileがApple AirTagのライバルとなる次期製品Tile Ultraを含む新製品ラインナップを発表13コメ
2021.10.07セブンイレブンが「ポケモンGO」とのコラボを10月31日をもって終了と発表2コメ
2021.07.31Snapchatが地図上でおすすめのスポットを紹介する「My Places(私の場所)」機能を追加2コメ
2021.07.06簡易グラフィック表示!歩いて日本地図の完成目指す歩数計「令和の伊能忠敬」発売9コメ
2021.05.11車の運転が苦手な人は必見、右折ゼロで目的地にたどりつける経路検索マップが公開中。OpenStreetMapのデータ利用13コメ
2021.03.26タカラトミー、Googleストリートビュー活用の謎解きブラウザゲームを4月24日発売。2750円2コメ
2021.03.23任天堂とナイアンティックがARの「ピクミン」シリーズ新作を年内発売。歩くことを楽しくするアプリ2コメ
2020.11.10GPSより詳細な位置情報がアプリで確認できるスマート防犯ブザー「otta:オッタ」2コメ


→カテゴリー:位置情報・GPS・地図(記事数:262)
アクセス数の多い記事(過去1ヶ月)
髫ィ�ウ�ス�ス2025.03.20:驍オ�コ�ス�ゥ驛「�ァ髦ョ蜷ョ�ス髣包スウ陜難スシ�ス�ス髯キ�キ陋ケ�サ遯カ�イ驛「譎「�ス�サ驛「譎「�ス�サ驛「譎「�ス�サ(髫エ蟷「�ス�ェ髯具スサ�ス�ス�ス�。�ス�ス)681access
髫ィ�ウ�ス�ス2025.03.14:8髯晢スキ�ス�エ驍オ�コ�ス�カ驛「�ァ驗呻スォ遶企豪�ケ�ァ�ス�オ驛「譎「�ス�ウ驛「譎「�ス�ゥ驛「�ァ�ス�、驛「�ァ�ス�コ髯キ�ス�ス�コ鬯ョ�ョ�ス�イ驍オ�コ�ス�ォ髣包スオ髣埼屮�ス�サ陞ゑソス�ス�シ遶乗劼�ス�ョ�ス�カ髫エ魃会スソ�ス4髣費ソス�ス�コ驍オ�コ�ス�ァ驍オ�イ陟募セ娯螺驛「譎「�ス�ュ髯区コキ蜚ア�ス�ョ�ス�、驍オ�イ�ス�ス4鬯ゥ蟷「�ス�ィ髯橸スサ闕オ譏カ�ス髣包スウ驗呻スォ�ス鬘伜オッ髣埼屮�ス�サ驗呻スォ�ス�ス驍オ�コ雋�スゥ骰具スケ譎「�ス�「(#驍オ�コ驗呻スォ邵イ蝣、�ク�コ闕オ譎「�ソ�ス髫イ�ス�ス�ス�ス�ス�ス�ア)485access
髫ィ�ウ�ス�ス2025.03.16:髯樊サゑスス�ァ鬯ゥ�・闕ウ螂�スソ�ス驛「譎「�ス�ャ驛「譎「�ス�「驛「譎「�ス�ウ驛「�ァ陷托ソス�ス�ス陷キ�カ�ス�ス�ク�コ陞「�ス隴ス�。髮主ッよが�ス�オ隶抵スュ�ス迢暦スク�コ�ス�ョ驍オ�コ驕停��ア�ョ驍オ�コ陷会スア�ス讓抵スク�イ郢ァ�ス�ス�ョ陝イ�ィ�ス讓」縺願ョ抵スュ�ス鬘俶凄�ス�ィ驍オ�コ�ス�ッ驛「�ァ�ス�ッ驛「�ァ�ス�ス驍オ�コ�ス�ー驍オ�コ闕オ譎「�ス�ス(#鬮「�セ�ス�ェ髯橸スウ�ス�スDIY #驛「譎「�ス�ォ驛「譎「�ス�シ驛「譎�スシ譁石倬Δ譎「�ス�ゥ驛「�ァ�ス�ケ髮趣ス「�ス�サ鬨セ蛹�スス�ィ)446access
髫ィ�ウ�ス�ス2025.03.11:髯具スサ隴擾スエ�ス竏ォ�ク�コ�ス�ヲ驍オ�コ�ス�ョ髴取サゑスス�シ驍オ�コ陝�雜」�ス閾・�ク�コ鬮ヲ�ェ�ス骰具スク�コ隰ヲ�ー�ス�シ髢ァ�イ魄滂ソス蝮。隶抵スュ邵コ諷包スケ譎「�ス�シ驛「譎�コ「�取ィ抵スケ譎「�ス�シ驛「�ァ�ス�キ驛「譎「�ス�ァ驛「譎「�ス�ウ)驍オ�コ�ス�ョ髫エ�ャ�ス�ェ髣包スウ�ス�サ髯キ�ス�ス�ェ髯溷桁�ソ�ス隨卍€鬯ッ貊難スサ莨夲スス�コ陷ソ�・髯鯉スサ驛「�ァ陋幢スオ邵コ逧ョ�ケ譎「�ソ�ス郢晢スィ�ス�ス�ス�ス�ス�シ�ス�ス�ス�シ�ス�ス�ス�シ�ス�ス�ス�シ遶乗亳辣、髯溷桁�ソ�ス�ス�ス鬯ゥ貊難スヲ螂�スス�ス霓」蛟ゥ諛ク髯懃軸�ァ�ュ�ス鬘俶ソ、�ス�エ鬩搾ソス�ソ�ス3�ス�ス�ス�ス�ス�ィ陷ソ�・�ス�コ�ス�ヲ(#驍オ�コ闔ィ竕ォ讓ェ #驛「譎�スァ�ュ郢晢スュ驛「譎「�ス�シ)363access
髫ィ�ウ�ス�ス2025.03.17:驍オ�コ陷キ�カ�ゑスー驍オ�コ�ス�ス�ス閾・�ケ譎「�ス�シ驍オ�コ驕俶アス驍オ�コ�ス�ョ髫エ�ャ�ス�ェ驛「�ァ髮区ィ抵スゥツ€髫カ魃会スス�ュ驍オ�コ陷会スア遯カ�サ44髣包スウ�ス�ス�ス�ス驛「�ァ�ス�イ驛「譎「�ソ�ス郢晢スィ驍オ�イ郢ァ蝓淞€蜻オ�ス蜍滂スセ魃会スソ�ス髫エ�ャ�ス�ェ髣包スウ�ス�サ髯キ�ス�ス�ェ髯溷桁�ソ�ス�ス螳壽╂鬩、�エ�ス�ス�ス�ス(#驍オ�コ闔ィ竕ォ讓ェ #驛「譎�スァ�ュ郢晢スュ驛「譎「�ス�シ)358access

すべて見る

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