title: Add "View on Google Maps" custom button on Google map programmatically
body: <p>I'm trying to customize and add a google maps map in my website.</p>
  
  <p>I'm able to add it programmatically using google maps JS api, the map is correctly shown and everything with the below code (<a href="http://jsfiddle.net/5L2j492m/" rel="nofollow noreferrer"><strong>see fiddle here</strong></a>):</p>
  
  <pre><code>function initialize() {
      var map_canvas = document.getElementById('map-canvas');
      var map_options = {
          disableDefaultUI : false,
          center: new google.maps.LatLng(41.9100711,12.5359979),
          zoom: 17,
          mapTypeId: google.maps.MapTypeId.HYBRID,
          scrollwheel : false,
          zoomControl : true,
          streetViewControl : false,
          scaleControl : true,
      }
      var map = new google.maps.Map(map_canvas, map_options);
      var marker = new google.maps.Marker({
          map : map,
              position : new google.maps.LatLng(41.9100711,12.5359979),
              title : "Title"
      });
      var info = new google.maps.InfoWindow({
          content : "marker content"
      });
      google.maps.event.addListener(marker, "click", function(){
          info.open(map,marker);
      });
  }
  google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>
  
  <p>Now I'd like to add the "Open in google maps" button:</p>
  
  <p><img src="https://i.stack.imgur.com/StPwC.png" alt="enter image description here"></p>
  
  <p>in order to let the user browse the map and get the direction to the place the marker is pointing.</p>
  
  <p>I'm reading the <a href="https://developers.google.com/maps/documentation/embed/guide" rel="nofollow noreferrer">documentation</a>, but I'm only able to find "url examples", and nothing related to JS to configure my map.</p>
  
  <p>Anyone has any kind of suggestion?</p>
  
  <p>Thank you</p>