title: Show tooltip on mouseover event in google maps v3
body: <p>I've faced a problem of displaying tooltip over route with specific information. I've tried infowindow but it did not worked for me. This what i've tried </p>
  
  <pre><code>directionsService.route(request, function(response, status) {
      var myRoute = response.routes[0].legs[0];
      if (status == google.maps.DirectionsStatus.OK) {
          directionsDisplay.setDirections(response);
          for (var i = 0; i &lt; myRoute.steps.length; i++) {
              for (var j = 0; j &lt; myRoute.steps[i].lat_lngs.length; j++) {
                  points.push(myRoute.steps[i].lat_lngs[j]);
              }
          }
  
          var eventLine = new google.maps.Polyline({
              path: points,
              visible: true,
              strokeOpacity: 0,
              zIndex: 1000
          });
  
          eventLine.setMap(map);
  
          google.maps.event.addListener(eventLine, "mouseover", function(event) {
              alert('mouseover ' + event.latLng);
              // here i want to show tooltip with location got from event  (event.latLng)
  
          });
  
      } else {
          alert("Directions request failed: " + status);
      }
  });
  </code></pre>
  
  <p>Sample </p>
  
  <p><a href="http://jsfiddle.net/sH83S/" rel="nofollow noreferrer">http://jsfiddle.net/sH83S/</a></p>