SSブログ

【jQuery005】Google Maps [jQuery]

jQueryプラグインを使って、Google Mapを表示してみました。

 

 

こちらのプラグインを利用させて頂きました。

ありがとうございます。

http://blog.bumberboom.net/archives/monthly/2010_09/google-maps-api-v3-jquery.php

 

 

コードの主要な部分は以下の通りです。

 


<body>
    <div id="gmap"></div>
</body>

 

$(function() {
    $("#gmap").gmap3({
        address:"所沢市",
        zoom: 10,
        navigationControl: true,
        mapTypeControl: true,
        scaleControl: true,
        markers:[
            {
                address:"池袋",
                title:"池袋"
            },
            {
                address:"所沢",
                title:"所沢"
            }]
    });
});

 


gmap3を呼び出すだけで、簡単にGoogle Mapが表示されます。

 

オプションも色々あるので、リンク先を参照ください。

 

 

 

 


nice!(0)  コメント(0)  トラックバック(0) 

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

Facebook コメント

トラックバック 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。