jQuery UI RailsでTwitterBootstrap

jQuery UI BootstrapにGoogle Mapが来た〜gmap3

投稿日:

addyosmani.github.com/jquery-ui-bootstrap/map.html#block-tabs

gmap3.net/

Rails3.2+jQueryUI1.10でjQuery-UI-Bootstrapのデモ画面を出すところまでやった 

アコーディオンと組み合わせた例

アコーディオンと連動してマーカーの色が変わる

screenshot

 

タブと組み合わせた例

タブの中に地図が描かれて、指定のアイコンや大きさで描画できる

screenshot

gmap3

gmap3はjQueryからGoogleMapを使えるようにしたプラグイン

もともとかなり高機能

gmap3.net/en/pages/19-demo/

これは右クリックメニューを使って経路検索をしたやつ

本家より便利なんじゃ?

screenshot

-jQuery UI, RailsでTwitterBootstrap
-

執筆者:

関連記事

RailsのフォームにjQuery UIのSliderを使う

By: woodleywonderworks – CC BY 2.0 目次1 jQuery UI Slider2 ライブラリを読み込む3 コード4 できた jQuery UI Slider …

Rails3.2でフォームの順番をjQuery UI sortableで並べ替えてSubmit~acts_as_list

Rails3.2でGoogle Calendarライクなカレンダーを使う〜fullcalendar-rails

目次1  fullcalendar-rails2 Hello fullcalendar3 オプション  fullcalendar-rails 2種類あるけど上の方を使った github.com/bok

no image

Rails3.2でajaxなフォルダツリーを導入する3~dynatree-rails & jQuery UI dialog

  前回 Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails Rails3.2でajaxなフォルダツリーを導入する2~dynatree-rails &nbsp …

jQuery UIで将棋を再現(まだ見た目だけ)

  何年か前にニコニコ動画でみた1時間でオセロをつくる動画をみた. なら将棋もできそうじゃね!?と思って1時間で区切ってやってみたら ゲームまではできなかった.自分がやったら丸2、3日は必要 …