<html> <head> <title>Hello world in Google Maps API version3</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function initialize() { var centerPos = new google.maps.LatLng(35.658613, 139.745525); var mapOptions = { zoom : 18, center : centerPos, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); } </script> </head> <body onload="initialize()"> <div id="map_canvas" style="width:100%;height:100%"></div> </body> </html>
解説 ■上記の値をセンタにするvar centerPos = new google.maps.LatLng(35.658613, 139.745525);
■オプション指定
var mapOptions = {
mapTypeControl : true,//表示タイプ
scaleControl : true,//距離表示
navigationControl : true//＋ーのズーム表示
disableDefaultUI : true,//デフォルトの指定を無効
0 件のコメント:
コメントを投稿