title: Google maps; add place card to marker
body: <p>As you can see on the following image, the <code>div</code> (top left) shows the current marker address/directions/ save..</p>
  
  <p><img src="https://i.stack.imgur.com/rMBpu.jpg" alt="enter image description here"></p>
  
  <p>This was done using the embedded <code>iframe</code> code from google maps. But how can you do the same with custom "coded" map?</p>
  
  <pre><code>geocoder = new google.maps.Geocoder();
  
  geocoder.geocode({
      "address": nw.google_pointer
  }, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
  
          var myOptions = {
              zoom: parseInt(nw.google_zoom),
              center: results[0].geometry.location,
              mapTypeId: google.maps.MapTypeId.ROADMAP
          };
          map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  
          var marker = new google.maps.Marker({
              map: map,
              position: results[0].geometry.location,
              title: nw.google_pointer
          });
      } else {
          console.log('Geocode was not successful for the following reason: ' + status);
      }
  });
  </code></pre>