title: Google maps api v3 show cards instead of infowindow on mobile devices
body: <p>When opening maps.google.com on a desktop machine browser, clicking on a marker opens an infowindow.</p>
  
  <p>When opening maps.google.com on a <strong>MOBILE</strong> device browser, clicking on a marker opens a <strong>CARD</strong> at the bottom.</p>
  
  <p>I'm using google maps api v3. Adding an info-window is easy. How can I add a card? Is there a component for that?</p>
  
  <p>Code for adding an infowindow:</p>
  
  <pre><code>var infoWindow = new google.maps.InfoWindow();
  google.maps.event.addListener(marker, 'click', function() {
          infoWindow.close();
          infoWindow.setContent('Some text');
          infoWindow.open(map, marker);
  });
  </code></pre>
  
  <p>Does the code for adding a card looks like this maybe??</p>
  
  <pre><code>var card = new google.maps.Card();
  google.maps.event.addListener(marker, 'click', function() {
          card.close();
          card.setContent('Some text');
          card.open(map, marker);
  });
  </code></pre>
  
  <p>Your help is very much appreciated!</p>