jQueryとHTML5でジオロケーションするデモ:phpspot開発日誌
Geo Location with HTML5 and Jquery jQueryとHTML5でジオロケーションするデモとサンプルがダウンロード可能になっています。 特にスマートフォン向けの機能として実装する際に参考にできそうです。 いざ実装するという段階になったときにサクっと実装できそうなので覚えておいて損はなさそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 jQueryとCSS3、HTML5でここまで出来るホバーインタフェース
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
iPhoneでも使えるHTML5でGoogleマップみたいに地図や画像表示できる「Tile5」:phpspot開発日誌
Tile5 | Tile5 - HTML5 Mapping and Tiling iPhoneでも使えるHTML5でGoogleマップみたいに地図や画像表示できる「Tile5」。 iPhoneでも使うことができてなかなか便利です。Androidにも対応予定 地図のドラッグ＆ドロップが可能。 地図だけではなく、Flickrの写真を検索して並べてみたもの。 GitHub上にてオープンソースで公開されています。 関連エントリ 見ておくべきHTML5サイト集 HTML5のポテンシャルを感じられる４８のサンプルサイト CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」
地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」:phpspot開発日誌
地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」 2010年02月19日- nickspacek/jQuery-PlacePicker @ GitHub 地図のクリックした位置で地名をゲットできるjQueryプラグイン「jQuery-PlacePicker」が公開されてます。 次のようにGoogle Map の地図が現れて、クリックし、「Save」ボタンを押すと地名をゲットできます。直接文字列での検索も出来ます。 次はゲットしてinputに地名を入れた例です。日本でも対応しているところがいいですね。 地図→住所への変換をするような場面で使うことができますね。 関連エントリ 現地案内の説明ページ等で重宝しそうなインタラクティブなマップ作成用jQueryプラグイン Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイ
Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイン「Virtual Earth Toolkit」:phpspot開発日誌
Virtual Earth Toolkit Microsoftの地図サイトAPIをjQueryから簡単に使えるプラグイン「Virtual Earth Toolkit」というものがあるみたいです。 Google Map といはUIが違ってちょっとカッコいい感じになってます。 Chrome などで動かしてみるとサクサク動いて気持ちイイです。 日本に対応していないのが残念ですが、そのうち対応するかもなので、こういうものがあるというのは知っておいても良いかもしれませんね。 関連エントリ GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 Google Map APIでルート表示のjavascriptコード例 「Google Static Maps API」を使い携帯でGoogleマップを表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
