【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が表示されます。
オプションも色々あるので、リンク先を参照ください。
2012-06-11 19:26
nice!(0)
コメント(0)
トラックバック(0)
コメント 0