キャンパスマップ私家版

信州大学松本キャンパスのキャンパスマップは オフィシャルページにはあることはあるのですが, 学部や部局を指し示しているものばかりで, 建物を指示しているものは見つかりませんでした. 研究集会などを行う場合には, `この建物で行います' というような案内をすることが多く, 建物を指し示すマップがあると便利です. それぞれの建物を囲んだ地図がwebにおいてあるだけで, そこへのリンクをはることができ, 使いまわせるので便利です. いちいちイベントのたびにマップを作るのは無駄な手間なので, 機会があったので機械的に作成しておきました. こういうのがオフィシャルなところにあると便利なんですが無いようなので, もしよろしければご活用下さい.

技術的なメモ

各レイヤーを透過PNGファイルとして用意し, imgタグにposition:absoluteを指定して重ねるということをしています. もう少し具体的には, 次のようなタグで構成しています:

レイヤーごとにファイルを用意しているのは, メンテナンス性を良くするためです. 学部等の名称は変更になる可能性がありますが, 変更の際, 該当するラベルのレイヤーのファイルを差し替えるだけですみます. また, 必要に応じてレイヤーを取捨選択することで, 簡単にカスタマイズできるかと思います.