var g = new google.maps.Geocoder(), map, center ; g.geocode({ 'address': '霞が関1-1-1' }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { center = results[0].geometry.location; initialize(); } }); function initialize() { var options = { center: center, zoom: 17, mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: true, panControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, zoomControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_CENTER } }; map = new google.maps.Map(document.getElementById('googlemap'), options); }
#googlemap{ margin:25px; height: 300px; width: 400px; background-color: #FFF; z-index: 1; }
<script type='text/javascript' charset='utf-8' src='http://maps.googleapis.com/maps/api/js?&sensor=false'></script> <div id="googlemap"></div>