これは FOSS4G Advent Calendar 2016 の記事です。 はじめに CS立体図という地形図があります。地形がわかりやすくていいですね。 だれでも手軽に使えるように 国土地理院の標高タイル を使って直接ブラウザ上でCS立体図を生成してみました。 長野県型立体地形図(CS立体図) より引用 できあがり こんなかんじで動作するものができあがりました。スマホのブラウザでも動きます。 デモ: https://frogcat.github.io/csmap/ ソース: https://github.com/frogcat/csmap 解説 標高タイルの画像化 標高タイルを XMLHttpRequest で持ってきてパース、canvas に描画する手法です。先人がやってらっしゃいますね。地理院地図の標高タイル(CSV)を描画してみた など。 昔は context.fillRect な