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
-

執筆者：

関連記事

Backbone.jsからjQuery UIのDialogを使う例

Backbone.js楽しくなってきた 部品ごとのクラスをつくって、それに飾りとイベントをつけて、あとは上位部品から呼び出してくっつけるだけ jQuery UIのダイアログの場合は、公式のサンプルだと …

Rails3.2でTwitterBootstrap導入のあれこれ

  目次1 sass-rails-bootstrap導入2 Layout関係3 Notification4 confirmをmodalにする5 SimpleForm導入6 kaminari導 …

no image

TwitterBootstrapRailsでエラーが出る件

    undefined method `less’・・・的なエラーが出た. とりあえず下のgemを足したら動いた.そのうち修正されるとおもう. [crayon-5b …

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD（後編）～fullcalendar-rails

目次1  前回2 UPDATE1～バグの訂正3 UPDATE2 ～ ドラッグとリサイズでデータ更新4 DELETE～イベントの削除5 バグがあった → 解決しました！6  herokuにサンプルアップ …

RailsにTwitter Bootstrapのフォームを設定する～simple_form

環境　RailsにTwitter Bootstrapを設定する～twitter-bootstrap-rails github.com/plataformatec/simple_form 目次1 Gem …

PREV
予約語とかのリンク reserved words
NEXT
Backbone.jsのためにRails3.2でJSON APIをつくる～RABL