var gmg = new google.maps.Geocoder(), map, center, mk ; gmg.geocode({ 'address': '下北沢' }, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { center = results[0].geometry.location; initialize(); } }); function initialize() { var options = { center: center, zoom: 16, mapTypeId: google.maps.MapTypeId.ROADMAP, scrollwheel: false, panControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, zoomControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_CENTER }, styles: [{ stylers: [{ hue: "#f44289"}, { gamma: 3.40}, { saturation: 70}]}] }; map = new google.maps.Map($("#gm").get(0), options); }
#gm{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; 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="gm"></div>