シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」
2011年10月05日-
スポンサード リンク
jVectorMap
シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。
シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。
地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。
今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。

マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK

国ごとのカラーリングを示した例です。

アメリカだけを対象に描画も可能

ヨーロッパだけもOK

拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。
作った方お疲れ様でした&すごい!
関連エントリ
シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。
シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。
地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。
今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。

マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK

国ごとのカラーリングを示した例です。

アメリカだけを対象に描画も可能

ヨーロッパだけもOK

拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。
作った方お疲れ様でした&すごい!
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- classを付与するだけで気持ちいいアニメーションを実装する「AliveUI」
- heerich.js — SVGで3Dボクセルが描けるエンジン
- 8KBで完結するモダンUIライブラリ「Oat 」
- Web開発者が知っておくべき画面サイズ確認ツール「WhatIsMyScreenSize.com」
- Webデザイン分析を一瞬で終わらせるChrome拡張「MiroMiro」
- プログラミングで使う記号を美しく整列させることに特化したフォント「Myna」
- DarkもLightも自動生成:UI向けカラーパレット生成ツール「Harmonizer」紹介
- AIでフォーム生成できる「Formcn AI」
- ウェブサイトの CSS を解析してくれる「Online CSS Code Quality Analyzer」
- 英文を文鳥に変換するフォント「ぎゅうぎゅう文鳥」
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)


