LeafletはJavaScript製のオープンソース・ソフトウェア。かつてWebベースの地図と言えば、画像の上下左右に矢印がついたものばかりだった。それを一変させたのがGoogleマップで、Ajaxによるスムーズな操作を可能にした。 0
![]()
ポップアップ
0
今やあのUIが当たり前になっている。そして地図以外でも使える場面も増えている。あのようなUIをオープンソースで手に入れたいならばLeafletを使ってみよう。 0
LeafletはCloudMadeが提供するライブラリで、地図操作に用いることを想定している。マーカー表示やマーカーからのポップアップ、イメージのオーバーレイにも対応する。拡大、縮小する時にはアニメーションしたり、ホイールやダブルクリックでズーム操作もできる。 0
![]()
クリックした場所で表示
0
マーカーの他にも円や三角形を描くこともできる。iOSやAndroidにも対応し、位置情報を取得したりマルチタッチ操作での拡大、縮小も可能だ。ポップアップはCSS3でカスタマイズできる。対応ブラウザはIE6以上(IE6は完璧ではないとのこと)、Safari 5以上、Chrome、Firefox3.6以上となっている。 0
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録(500円/月)はこちらから! プレミアムユーザのログインはこちらから 0












アンケート