Añadir cuadro "como llegar" en la api 3 de google maps

[SirZoX]

Hola.

Gracias yoyo_38tuzo por la respuesta, pero no funciona tampoco así.
El mapa que yo cargo lleva una capa de personalización del propio mapa. Usando el código tal como me comentas trae un resultado en el que mi capa de personalización desaparece, y además tampoco me muestra el box con las opciones del "como llegar" y demás.

Yo cargo el mapa directamente sin un enlace, sino con un div "vacio" que luego google maps llena por sí mismo.

Código HTML:

<div id="map-frame"></div>
 

Y con JS luego cargo tanto la capa de personalización como el marcador y otras cosas.

Código Javascript:

function initialize() {
    var styles = [{"stylers":[{"saturation":-100},{"gamma":1}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi.place_of_worship","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"poi.place_of_worship","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"visibility":"simplified"}]},{"featureType":"water","stylers":[{"visibility":"on"},{"saturation":50},{"gamma":0},{"hue":"#50a5d1"}]},{"featureType":"administrative.neighborhood","elementType":"labels.text.fill","stylers":[{"color":"#333333"}]},{"featureType":"road.local","elementType":"labels.text","stylers":[{"weight":0.5},{"color":"#333333"}]},{"featureType":"transit.station","elementType":"labels.icon","stylers":[{"gamma":1},{"saturation":50}]}];
    var latlng = new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx  );
    var myOptions = {
        zoom: 16,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        disableDefaultUI: true,
        styles: styles
    };
 
    map = new google.maps.Map(document.getElementById('map-frame'), myOptions);
    
    //definimos las coordenadas del área
    var trmCoords = [
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx),
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx),
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx),
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx),
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx),
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx),
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx),
        new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx)
    ];
 
    //construimos el polígono
    var areaTRM = new google.maps.Polygon({
        paths: trmCoords,
        strokeColor: '#f8bf18',
        strokeOpacity: 0,
        fillColor: '#CF0D29',
        fillOpacity: 0.6
    });
 
    
    areaTRM.setMap(map);
 
 
    var marcador = new google.maps.Marker({                                         
        position: new google.maps.LatLng(xx.xxxxxxxx, xx.xxxxxxxxx   ),                                 
        //  
        map: map,
        icon: 'images/logo-map.png',
        animation: google.maps.Animation.DROP
    });
 
    
 
}
 
google.maps.event.addDomListener(window,'load', initialize);