title: Google Maps marker not showing
body: <p>It's exactly the example code of the maps API documentation found here:</p>
  
  <p><a href="https://code.google.com/intl/nl-NL/apis/maps/documentation/javascript/geocoding.html#ReverseGeocoding" rel="nofollow">Google maps API documentation</a></p>
  
  <p>I have set up an map and it is showing.
  Next step was showing the marker with geocoding..
  But it's not working? Can anyone help me out?</p>
  
  <p>Thanks!!</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAS1COH5SeJCKhZ6i6nTi0Fx2qsdvWbAfA&amp;sensor=false"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  var loMap;
  var loGeocoder;
  
  $(document).ready(function()
  {
      var loOptions = 
      {
          center:     new google.maps.LatLng(51.9645, 5.1965),
          zoom:       6,
          mapTypeId:  google.maps.MapTypeId.ROADMAP
      };
  
      loMap       = new google.maps.Map(document.getElementById('map'), loOptions);
      loGeocoder  = new google.maps.Geocoder();
  
      showMarkers();
  });
  
  function showMarkers()
  {   
      console.log('World');
      loGeocoder.geocode( { 'address': 'Den Bosch'}, function (results, status)  
      {
          if(status == google.maps.GeocoderStatus.OK) 
          {
              console.log('Hello?');
              loMap.setCenter(results[0].geometry.location);
              console.log(results[0].geometry.location);
              var marker = new google.maps.Marker(
              {
                  map:        loMap,
                  position:   results[0].geometry.location
              });
          }
          else
          {
              console.log('Error');
          }           
      });
  }
  &lt;/script&gt;
  
  &lt;div id="map" class="search_map" style="width: 220px; height: 240px"&gt;&lt;/div&gt;
  </code></pre>