anchor.diff:        geocoder = new google.maps.Geocoder();
         var mapOptions = {
           center: new google.maps.LatLng(-34.397, 150.644),
  -        zoom: 12
  +        zoom: 10
         };
         map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
       }
  
positive.code: <html>
  <head>
    <title>Evernote with Google Map</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
negative.code:   <style type="text/css">
      #map-canvas {
        height: 450px;
        width: 50%;
      }
      #create-button {
        margin-top: 8px;
        width: 100%;
      }
    </style>
  </head>
  
  <body>
    <div class="container">
      <div class="row">
        <h4></h4>
      </div>
      <div class="row">
        <div class="col-md-8" id="map-canvas"></div>
        <div class="col-md-4">
          <h4>Step 1 : find a location</h4>
          <div class="input-group">
            <input type="text" id="address" placeholder="Street Address" class="form-control">
            <span class="input-group-btn">
              <button class="btn btn-primary" type="button" onclick="codeAddress()">Search</button>
            </span>
          </div>
          <div>
            <h4>Step 2 : choose an existing note</h4>
            <div class="list-group">
              <a href="#" class="list-group-item">Cras justo odio</a>
              <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
              <a href="#" class="list-group-item">Morbi leo risus</a>
              <a href="#" class="list-group-item">Porta ac consectetur ac</a>
              <a href="#" class="list-group-item">Vestibulum at eros</a>
            </div>
            <h5>Or create a new note</h5>
            <input type="text" placeholder="New note name" class="form-control">
          </div>
          <div>
            <button type="button" class="btn btn-primary" id="create-button">Create</button>
          </div>
        </div>
      </div>
    </div>
  </body>
  </html>
  