タブで切り替え可能な地図をGoogleMapで実装する為のjQueryコードサンプル
勉強用にメモ。タブで複数のGoogleMap をjQueryで切り替え可能にするコード です。わりと簡単なコードでユーザーに とって使いやすい地図を実装出来るの でちょっと覚えておきたい。仕組みは 結構単純です。 以前、普通のタブで同じように切り替えるようにしたんですが、複数の地図を全部読み込んでしまうのでちょっと微妙だったんですが、これなら切り替え時に読み込んで表示するので表示スピードに対する影響を軽減できます。 Sample 例えば複数店舗があっても一箇所に表示できますね。GoogleMapは便利なんですが、地味に重いのでこういうコードはちょっと覚えておきたいです。 /* Google Map Selector * Created: Jan 18th, 2011 by DynamicDrive.com. This notice must stay intact for usage *
Google Analyticsでユーザーの解像度ではなく描画エリアのサイズを測定する : blog::tani.masaru
一般的なアクセス解析で測定するのはPCのモニタ解像度の場合が多い。しかし、それをそのままユーザーがブラウザが描画できる領域と想定しWebページのデザインをしてしまうと、間違いが起きる。なぜなら、大半のユーザーがブラウザの描画領域がPCモニタの解像度に比べて小さいエリアに過ぎないからである。 PCモニタの解像度がブラウザの描画領域と同じになるのはWindowsであれば、タスクバーを隠した状態でブラウザを全画面表示にしなければならない。しかし、実際には日常的な利用においてそのような使い方をしているユーザーは稀だろう。通常のユーザーは画面下部にはWindowsのタスクバーがあり、ブラウザの上部にはメニューバーや、ロケーションバー、タブエリアなどが並んでいる。仮にウィンドウを最大化したとしても、その分縦方向の描画領域は狭くなっている。横方向に関しても、例えばお気に入りをブラウザのサイドバーに表示し
Googleの＋１を簡単実装＆カスタマイズできるjQueryプラグイン「Google 1-Button」:phpspot開発日誌
Googleの＋１を簡単実装＆カスタマイズできるjQueryプラグイン「Google 1-Button」 2011年06月03日- jquery-gplusone-js - jQuery Google 1-Button plugin - Google Project Hosting Googleの＋１を簡単実装＆カスタマイズできるjQueryプラグイン「Google 1-Button」。 likeが押されたときのonlikeコールバックイベントが使えたり、表示に関するカスタマイズをオプションで指定できるみたいです。 like後のコールバックで「ありがとう」みたいなメッセージを表示させるのも簡単にできそうですね。 最小のコードは以下でOKみたいです。 <div id="gplusone-example"></div> <script type="text/javascript" src="j
Google Chart API にまつわるサービスや各種ライブラリ:phpspot開発日誌
Google Chart API にまつわるサービスやライブラリ。 Google Chart API に関するサービスやライブラリが充実してきたのでまとめてみました。 グラフ作成サービス hohli Online Charts Builder - ウィザードに従ってチャートをリアルタイムに作成可能 Chart Maker - 分かりやすいＵＩにデータを入れるだけで簡単グラフ作成 IE6,Operaでは動かない？ GCFAK 英語じゃないので使えないかも。けどこういうＵＩもなかなか原始的でいいかも。 ライブラリ PHP用 Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場 クラスライブラリ GphpChart gchartapiとは別に開発されているクラスライブラリ PHPで「Google Chart API」を扱う ユーティリティ関数
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
google-maps-icons - Project Hosting on Google Code
IDEA * IDEA