15
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

SUUMOで古地図表示するブックマークレット

Last updated at Posted at 2016-01-12

最近、奈良から新横浜に単身赴任で引っ越したのですが、職場に歩いてでも行けなくはない辺りに住みたいと思い、最初菊名あたりに住もうかと思ったところ、不動産屋に菊名あたりは山がちで新横浜に行くまでに山一つ越えないといけないからしんどいよ、と言われまして。
それで、もっと上流の方が平坦だよと言われたので、神奈川区三枚町あたりに住み始めたのですが、いざ住み始めてちょっと待てと。
ここ、新横浜まで平坦かどうか以前に、一番最寄りの岸根公園まで行くのに、徒歩10分の距離で高低差20mの峠越えせなあかんやんけ!
おまけに菊名から新横浜って、確かに背後は山だけど、駅〜駅間だけなら、ほとんど高低差緩やかなルートもあるやんけ!
いい加減にしろ!
不動産屋のセールストークを鵜呑みにせず、その場で地形図を確かめなかったばかりに、長期住むことになりそうな家を不便なところに借りてしまった過去の自分を恨んでいます。

で、ついカッとなって、SUUMOの上で旧版地形図等を見られるブックマークレットを作成しました。
最初はSUUMOのデータを取ってくる地図アプリでも作ろうかと思ったんですが、SUUMOにはAPIがないとのことで、ブックマークレットにせざるを得ず。

上のリンク先ページにあるリンク1を、ブラウザのブックマークツールバーにドラッグ&ドロップしてブックマークレットを作り、SUUMO上で地図を表示2してブックマークレットをクリックすれば、以下のように地図画面に古地図表示3と、地図/時代セレクタが表示されるはずです。

SUUMO古地図

選べる古地図は今昔マップ on the webで提供されている全国大都市圏の明治〜昭和期の地形図と、地理院地図から都市圏活断層図と明治期の低湿地を選びました。
他に希望する地図があれば、フィードバックいただければ追加いたします。

今後の方向性としては、

  • 古地図の領域(首都圏、阪神圏etc...)を、自動で選択されるようにする。
  • 透明度選択をスライダーにする。
  • 地図上でマウスを動かせば、その場所の標高が表示されるようにする。
  • 2点を選ぶと、その間のルートと、経路の高低差プロファイルがわかるようにする。

あたりを目指したいなと思っています。

  1. 当初この記事上でブックマークレットリンクを貼ってましたが、Qiitaの仕様でJavascriptスキームはリンクにできないので、急遽外部htmlを用意しました。急拵えなので雑なhtmlですみません。

  2. 記事書いた後で気づきましたが、SUUMOの地図表示にはいくつか種類がある(賃貸だけ表示の時と、不動産全部表示の時はレイアウトが違う)ようで、このブックマークレットは今の所 http://suumo.jp/edit/oudanchizu/ これで始まるURLの地図にしか対応してません。()その他のレイアウトについては、順次確認して対応していきたいと思います。また、多分スマホ版も別レイアウトだと思うので、そちらも順次対応します。

  3. デフォルト古地図は首都圏の明治期を選択しているので、首都圏以外では適切な地図選択後でないと古地図は表示されません。

15
15
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?