できれば寝て暮らしたい: Google Maps API V3 サンプル

2013年2月19日火曜日

Google Maps API V3 サンプル

<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript">google.load("jquery", "1.7");</script>
  <style>
   #map {
    width: 500px;
    height: 500px;
   }
  </style>
 </head>
 <body>
  <div id="map"></div>
 </body>
</html>
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false®ion=JP" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
 //<![CDATA[

 var map;
 
 function init() {
  var latlng = new google.maps.LatLng(35.689487, 139.691706);
  var opts = {
   zoom: 11,
   mapTypeId: google.maps.MapTypeId.ROADMAP,
   center: latlng,
   navigationControlOptions: {
    position: google.maps.ControlPosition.LEFT_BOTTOM
   },
   overviewMapControl:true,
   overviewMapControlOptions: {
    opened: true
   }
  };
  map = new google.maps.Map($("#map").get(0), opts);
 }
 $(document).ready(function() {
  init();
 });

    //]]>
</script>

できれば寝て暮らしたい

2013年2月19日火曜日

Google Maps API V3 サンプル

0 件のコメント:

コメントを投稿