StaticなGoogle Mapをズームさせる「jQuery Static Gmap Zoom」

Google MapにはドラッグやズームができないStaticモードがあります。
自分の場所がだけを見てくれ、というような場合に使用するかと思いますが、利用者には不便でした。
そこで、jQuery Static Gmap Zoom | phpgeek.dkを使用すればマウスオーバーでズームをさせられるようになります。
StaticなGoogle Mapをズームさせる「jQuery Static Gmap Zoom」サンプル

使用方法
jQuery Static Gmap Zoom | phpgeek.dkからファイルをダウンロード。
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery.staticgmapzoom.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var options = { //オプション設定
mapWidth:400, //マップ幅
mapHeight:400, //マップ高さ
mapZoom1:8, //マップのズームレベル 1段階目
mapZoom2:12, //マップのズームレベル 2段階目
mapZoom3:18, //マップのズームレベル 3段階目
mapType:"satellite" //マップの種類 roadmap, terrain, satellite, hybrid
};
$('#id名').staticgmapzoom('緯度,経度',options);
});
</script>

あとはidを記述すれば表示されます。
<div id="id"></div>
StaticなGoogle Mapをズームさせる「jQuery Static Gmap Zoom」サンプル

sponsors

「StaticなGoogle Mapをズームさせる「jQuery Static Gmap Zoom」」をシェアする

記事作成:
記事URL:

TOP > > > StaticなGoogle Mapをズームさせる「jQuery Static Gmap Zoom」