シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」:phpspot開発日誌
jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。 今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。 マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK 国ごとのカラーリングを示した例です。 アメリカだけを対象に描画も可能 ヨーロッパだけもOK 拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。 作った方お疲れ様でした＆すごい！ 関連エントリ ドラッグできる地図
[ BUN:Log ] jQuery Google Maps プラグイン ver.1.00
毎度のことながら、「すっかりご無沙汰」で書き始めるBUNです。 早速ですが、Google Maps API v3を表示できるjQuery プラグインを作ってみたので、勢い余って公開してみます。 下記よりダウンロードして、ご利用ください。 jqueryGoogleMaps1.00.zip（MITライセンス） jQuery Google Maps プラグイン ver.1.00の機能 Google Mapsをマーカー付きで表示します。 マーカークリック時に、情報ウィンドウを表示します。 所定の形式で記述されたXMLファイルを読み込んで、地図上に複数マーカーを表示します。 マーカーと連動するリンクを表示します。 現状の機能は、こんな感じです。 アップデートで、マーカーや連動するリンクの一覧をカテゴリーで分けられる・・・など、機能を追加していく予定です。（※あくまで、願望。） 使い方 はじめに
jQuery maphilight documentation
maphilight applies to images with a 'usemap' attribute, and outlines the areas defined in their map on mouseover. It provides a single jQuery function: $('.foo').maphilight() This would hilight every image with a map on the page: $('img[usemap]').maphilight() Demos The simple demo (with awful art, and examples of data attributes) A map of the world A map of the USA A few feature-demonstrations Plu
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた - かちびと.net
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
bumberboom.net - このウェブサイトは販売用です！ - bumberboom リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[JS]Googleマップにさまざまなオプションを追加して簡単に設置できるスクリプト -GMAP3
Google Mapsにオリジナルのマークやポリゴン、任意の画像などを簡単に加えて設置できるjQueryのプラグインを紹介します。 GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3はGoogle Map APIを使用するため、使用するページに外部ファイルとして記述します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップの設置は簡単で、空のdiv要素にidを指定して配置します。 下記に簡単な例を紹介します。 HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
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-
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マップを表示
jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA