title: Display world map with no repeats
body: <p>I'm currently using the Google Maps API for the first time.
  Essentially I wish to have the map zoomed out so that the whole world is displayed with no overlap (e.g. bits of a certain country are not repeated on either side of the map).</p>
  
  <p>The closest I have found to my requirements is this SO question:
  <a href="https://stackoverflow.com/questions/9893680/google-maps-api-v3-show-the-whole-world">Google Maps API V3: Show the whole world</a></p>
  
  <p>However, the top answer on this question does not provide the full code required.</p>
  
  <p>I have used the starter example from Google as the base for my HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt;
        &lt;style type="text/css"&gt;
          html { height: 100% }
          body { height: 100%; margin: 0; padding: 0 }
          #map-canvas { height: 100% }
      &lt;/style&gt;
      &lt;script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCuP_BOi6lD7L6ZY7JTXRdhY1YEj_gcEP0&amp;sensor=false"&gt;
      &lt;/script&gt;
      &lt;script type="text/javascript"&gt;
         function initialize() {
            var mapOptions = {
               center: new google.maps.LatLng(-34.397, 150.644),
               zoom: 1
            };
            var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
         }
  
         google.maps.event.addDomListener(window, 'load', initialize);
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
     &lt;div id="map-canvas"/&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, in the example provided in the question above a number of additional variables have been specified. My question is, where do I plug in the code from the question above to ensure that my world map is displayed correctly?</p>