title: Google Maps : focus / LatLng to continent
body: <p>I am using Google maps JavaScript API.</p>
  
  <p>Here is code :</p>
  
  <pre><code>    &lt;!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
           &lt;html&gt;
               &lt;head&gt;
                   &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
                   &lt;meta http-equiv="Content-Type"  content="text/html;  charset=utf-8" /&gt;
                   &lt;style type="text/css"&gt;
                       body {
                           font-family:  Helvetica, Arial, sans-serif;
                           font-size:10px;
                           margin:0;
                       }
                       #firstHeading  {
                          font-family: Calibri;
                           font-size:12px;
                          font-weight:  bold;
                          color: #0f9bec;
                       }
                      p {
                          color :  #666;
                       }
                   &lt;/style&gt;
  
                   &lt;script type="text/javascript"  src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
                   &lt;script type="text/javascript"&gt;
                       function  initialize() {
                           var  latlng = new google.maps.LatLng(57.0442, 9.9116);
                           var  settings = {
                               zoom: 15,
                               center: latlng,
                               mapTypeControl: true,
                               mapTypeControlOptions: {style:  google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                               navigationControl: true,
                               navigationControlOptions: {style:  google.maps.NavigationControlStyle.SMALL},
                               mapTypeId: google.maps.MapTypeId.ROADMAP};
                           var  map = new google.maps.Map(document.getElementById("map_canvas"),  settings);
  
  
                           var  companyImage = new  google.maps.MarkerImage('/images/logo.png',
                               new google.maps.Size(100,50),
                               new google.maps.Point(0,0),
                               new google.maps.Point(50,50)
                           );
  
                           var  companyShadow = new  google.maps.MarkerImage('/images/logo_shadow.png',
                               new google.maps.Size(130,50),
                               new google.maps.Point(0,0),
                               new google.maps.Point(65, 50));
  
                           var  companyPos = new google.maps.LatLng(57.0442, 9.9116);
  
                           var  companyMarker = new google.maps.Marker({
                               position: companyPos,
                               map: map,
                               icon: companyImage,
                               shadow: companyShadow,
                               title:"Høgenhaug",
                               zIndex: 3});
  
                         var infoWindow =  new google.maps.InfoWindow();
                          var  company='&lt;div id="content"&gt;'+
                               '&lt;div id="siteNotice"&gt;'+
                               '&lt;/div&gt;'+
                               '&lt;h1 id="firstHeading"  class="firstHeading"&gt;COMPANY&lt;/h1&gt;'+
                               '&lt;div id="bodyContent"&gt;'+
                               '&lt;p&gt;Content for company goes here.&lt;/p&gt;'+
                               '&lt;/div&gt;'+
                               '&lt;/div&gt;';
                             google.maps.event.addListener(companyMarker,  'click',  function() {
                             infoWindow.setContent(company);
                             infoWindow.open(map,  companyMarker);
                             });
  
  // List Go-on for other marker   
                  }
                   &lt;/script&gt;
               &lt;/head&gt;
               &lt;body onload="initialize()"&gt;
                   &lt;div id="map_canvas"  style="width:500px;  height:300px"&gt;&lt;/div&gt;
               &lt;/body&gt;
           &lt;/html&gt;
  </code></pre>
  
  <p>I have list of continent at the top of the map.</p>
  
  <p>What I want is  Google Maps to focus on continent which user select.</p>
  
  <p>Here is an <a href="http://www.combell.com/en/domain-names/international-domain-names" rel="nofollow noreferrer">EXAMPLE</a> of What I am looking at.</p>
  
  <p>How can I achieve this within above code ?</p>
  
  <p>Thanks</p>