最近ずっとPostGISをいじっていろいろやっていたわけですが、 そろそろ地図を動かしたりしてみたい!! ということでleafletに挑戦してみます。 東京の観光名所のデータを地図上に表示することを目標にします。 地図上に大量のマーカーを置く時は、GeoJSONを利用するとらしいので、 観光地のデータはGeoJSON形式にします。 そのためにやらなくてはいけないことは、、、 leafletで地図を表示 地図にマーカーを表示 GeoJSONの観光地データを準備 地図にGeoJSONのデータを表示 という感じになります。 ひとつひとつやっていきます。 leafletで地図を表示 leafletとは地図のためのJavaScriptライブラリ。 OSMなどのオープンデータを簡単に表示することができます。 <head>タグ内でCSSとLeafletを読み込みます。
![GeoJSONのデータをleafletを使って出力](https://cdn-ak-scissors.b.st-hatena.com/image/square/26056bc5d14ce2a167247039944203c814d612d3/height=288;version=1;width=512/http%3A%2F%2Fwww.jurigis.me%2F2015%2F03%2F22%2Foutput-geojson-using-the-leaflet%2Fleaflet_2.png)