前の記事 ≪:2010年10月5日 管理人のブックマーク
次の記事 ≫:綺麗でフレッシュな50種類のフリーフォントまとめ

Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」

2010年10月06日-はてなブックマーク

スポンサード リンク
jGmaps | jQuery Plugins

Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」
必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。

$('#mapa').jgmaps
    { width: 300, height: 300, 
        directions:{ 
            address: ['東京都新宿区', '東京都港区'], 
            usePanel: true, 
            panelId: 'panelDirections' 
        }
    } 
);

次のように、経路が地図に表示されます。



文字による案内情報も表示できます。



会社案内や会場案内なんかもこれで速攻実装できそうですね。
ダウンロードできるサンプルをいじくってみましょう。
地名に日本の場所を漢字で使う場合、文字コードはUTF-8にするのをお忘れなく。

関連エントリ
関連の記事検索:jQuery, Google, JavaScript, Google Maps, 地図, GoogleMaps
スポンサード リンク

By.KJ : 2010年10月06日 09:06 livedoor Readerで購読 Twitterに投稿

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