Shapefile を tippecanoe でベクトルタイル変換して tessera 経由でブラウザ確認するまで ref: http://qiita.com/handygeospatial/items/eda4c6305d6d042c8178

file0.txt

$ ruby togeojson.rb | gzip -9 > some.geojson.gz

file1.rb

require 'rubygems'
require 'find'
require 'json'
require 'georuby'
require 'geo_ruby/shp'
#require 'geo_ruby/geojson'

def process(shp_path)
  $stderr.print "processing #{shp_path}.\n"
  geojson_path = shp_path.sub(/shp$/, 'geojson')
  s = []
  GeoRuby::Shp4r::ShpFile.open(shp_path) {|shp|
    shp.each {|r|
      r.data.attributes.each{|k,v|
        if v.class == String
          # 属性の文字コードを Shift_JIS から UTF-8 に変換する
          r.data.attributes[k] = v.encode('UTF-8', 'CP932')
        end
      }
      if $first
        $first = false
      else
        print ",\n"
      end
      r.geometry.with_m = false
      r.geometry.with_z = false
      print JSON.dump({
        "type" => "Feature",
        "geometry" => r.geometry,
        "properties" => r.data.attributes
      })
    }
  }
end

$first = true
print <<-EOS
{"type": "FeatureCollection", "features": [
EOS
count = 0
Find.find('.') {|path|
  next unless /shp$/.match path
  next unless /RdCL/.match path # "RdCL" がファイル名に入っている場合のみ処理
  next if /(NNFPt|NRPt|CSPt|PFPt|DEM)/.match path # 属性・分量の問題で後回し
  count += 1
  process(path)
  #break if count == 100
}
print <<-EOS
]}
EOS

file2.txt

$ brew install tippecanoe

file3.txt

$ gzcat some.geojson.gz | tippecanoe -z 18 -Z 15 -t . some.mbtiles

file4.txt

$ npm install mbtiles tilelive tilelive-mapnik

file5.txt

$ npm install tessera

file6.txt

$ npm install tilelive-vector tilelive-xray

file7.txt

$ npm find tilelive

file8.txt

$ tessera mbtiles://./some.mbtiles