2010.03.25
JavaScriptって面白いね。下記のマップをスクロールしてみてください。動く？プログラムはたったこれだけです。256×256pxで分割作成した日本地図をタイル状に表示して、スクロールがあった場合は足りない部分を補完して読み込んでいきます。コツはスクロール中に読み出すと重いので、ドラッグが終わった後に読み出す点かな。google mapも同じような動きだよね。
初めてJavaScriptいじったけど文法もperlとほとんど同じで困った点は整数化する時のintが無いぐらいでした。なんだよMath.roundって長いよ。
個人的メモ
- JavaScriptは読み込む順番に注意。htmlのインラインに書いた内容と外部ファイルのスクリプトは並行して読み込まれ、関数などは読み込まれた時点で定義される。未定義のものを使おうとするとエラーになるが、読み込むスピードにはブラウザごとの差があり、firefoxではOKだけど、IEではエラーなんてことが起こりうるみたい。(参考)
- IEで謎のエラーが起こるのでスクリプトファイルの文字コードはUTF8が無難。
最近、位置情報に特化したデータベースエンジン作ったところなので、このスクロールマップと組み合わせて、しばらく楽しめそう。
Category:位置情報・GPS・地図
コメント
いいっすね！=4
001 [03.25 13:22].:ついでにXMLも覚えるとよいですよー ↑(1)
002 [03.25 13:49]ふぇちゅいん★24:>>001 XML使いまくってますよ、Pure Perlで出来たこのライブラリhttp://www.kawa.net/works/perl/treepp/tr....使って、今やサーバー間通信はXML化してますー。国土地理院の数値地図も一括読み込み出来て便利！ ↑(1)
003 [03.25 13:51]ふぇちゅいん★24:最近覚えた俺的3種の神器。XMLとツリー型ハッシュとリファレンスを使ってデータの処理スピードが爆速化し色々な新しい可能性が見えてきたー ↑(1)
004 [03.25 14:44] @Opera:こんな大規模なサイトを作ってるのにSQLもJavaScriptも使ってない不思議なふぇちゅいんﾀﾝ。。 ↑
005 [03.25 16:46]匿名@InfoWeb:サイトのセキュリティを考えたらJavaScriptを使わないという選択は正しい ↑
006 [03.25 17:57]匿名@Dion:JavaScriptを使わないという選択で使っていなかったのか？ ↑
007 [03.25 19:00]飯尾@OCN:四半世紀前にmz-2000でラリーXもどきを作った時もこんな感じだった。 ── BASICでね。 ↑
008 [03.26 01:49]横★26:あれ京ぽん祭りの頃もJavascriptには手をつけてなかったのか…。 ↑
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部屋に上り乗車したメモ(#おでかけ情報)491access
●2025.03.16:大量のレモンを余さず果汁絞るのが難しい。安い絞り器はクソばかり(#自宅DIY #ルーフテラス活用)447access
●2025.04.03:ニンテンドースイッチ2は2025年6月5日（木）発売。国内版49800円、多言語版69800円（笑）(#ゲーム)378access
●2025.03.11:初めての焼き肉きんぐ（物語コーポレーション)の株主優待お食事券をゲット！！！！！優待・配当利回り年率3％程度(#お金 #マネー)365access
この地図の作成に当たっては、国土地理院長の承認を得て、同院発行の基盤地図情報を使用した。（承認番号 平22業使、第40号）
