<!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 サンプル
登録:
コメントの投稿 (Atom)
0 件のコメント:
コメントを投稿