最近ずっとPostGISをいじっていろいろやっていたわけですが、 そろそろ地図を動かしたりしてみたい!! ということでleafletに挑戦してみます。 東京の観光名所のデータを地図上に表示することを目標にします。 地図上に大量のマーカーを置く時は、GeoJSONを利用するとらしいので、 観光地のデータはGeoJSON形式にします。 そのためにやらなくてはいけないことは、、、 leafletで地図を表示 地図にマーカーを表示 GeoJSONの観光地データを準備 地図にGeoJSONのデータを表示 という感じになります。 ひとつひとつやっていきます。 leafletで地図を表示 leafletとは地図のためのJavaScriptライブラリ。 OSMなどのオープンデータを簡単に表示することができます。 <head>タグ内でCSSとLeafletを読み込みます。
Layer Groups Let’s suppose you have a bunch of layers you want to combine into a group to handle them as one in your code: var littleton = L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.'), denver = L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.'), aurora = L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.'), golden = L.marker([39.77, -105.23]).bindPopup('This is Gol
an open-source JavaScript library for mobile-friendly interactive maps ← Tutorials Interactive Choropleth Map This is a case study of creating a colorful interactive choropleth map of US States Population Density with the help of GeoJSON and some custom controls (that will hopefully convince all the remaining major news and government websites that do not use Leaflet yet to start doing so). The tu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く