Simple Map


Description: Googleマップを簡単に表示するプラグインです。1行のマークアップのみでマップを表示させることが可能です。GoogleMapAPIを使用します
Sample: demo
Tutorial: Jquery Simple Map
License: -

Note

$("#map").simplemap({ search: "検索キーワード", description: "説明文" });

jQueryとプラグインを読み込んで上記設定します。マークアップは

<div id="map"></div>

という感じで。

Related snippet :

  • Description: シンプルなマルチレベルドロップダウンメニューです。クロスブラウザで動作します。アニメーションもなく、汎用的で最も使いやすいかもしれません。 ...
  • Description: 背景に指定した画像をギャラリーにするプラグインです。IE6でも問題無し。背景指定なので、スライドショーの上に画像やテキストを自由に配置することも可能 ...
  • Description: iTuneライクなスライダーを手軽なコードで実装します。IEだとちょっと微妙ですね・・・サムネイル付きで画像の切り替わりと連動してサムネイルも動きま ...
  • Description: プルダウンのセレクトリストを見やすく表示するプラグインです。クロスブラウザ対応。項目の多い都道府県の選択項目に導入するとユーザビリティ的な効果があり ...
  • Description: シンプルなオーバーレイエフェクトです。IE6,7は非対応ですのでかなり使いどころが限られます。ちょっとしたところで目立たせたい。という時にいいスパイ ...
  • Description: 簡単なコードで実装できる開閉アコーディオンです。Toggleメソッドの基本的な使い方です。テキストをクリックすると隠れたコンテンツが表示されます。 ...
  • Description: シンプルなLightbox系プラグインです。汎用的なデザインで使いやすく、カスタマイズもしやすそうです。 Sample: demo ...