2014年6月25日水曜日

Google Map用のjQueryプラグイン「Jquery Google Map」

Google Map用のjQueryプラグイン「Jquery Google Map」を組み込んでみました。使ってみた感想は、まずまず。設定項目もわかりやすいので、慣れれば、自在に使いこなせるでしょう。

<script src="javascripts/jquery.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load("maps", "3.4", {
    other_params: "sensor=false&language=ja"
  });
</script>
<script type="text/javascript" src="javascripts/jquery.googlemap.js"></script>

<script type="text/javascript">
  $(function() {
    $("#map").googleMap({
      zoom: 10,
      coords: [48.895651, 2.290569],
      type: "ROADMAP"
    });
  })
</script>
<div id="map" style="width: 300px; height: 300px;"></div>

0 件のコメント:

コメントを投稿