title: Increase hover area for routes in google maps
body: <p>I display several routes on google maps. When users hovers/clicks over/on the routes (or in their vicinity) I bring up a pop up with route information.  </p>
  
  <p>The problem is, I think Google didn't make the routes to be clicked/hovered on because you <strong>need great mouse precision</strong>! You <strong>gotta be on the route pixels</strong> to click on it or hover to activate. That's quite challenging!  </p>
  
  <p>I've tried making the route lines thicker, but I can't make them too thick before they overlap and become visually useless.</p>
  
  <p><strong>How to increase hover area?</strong>  </p>
  
  <p>I've noticed that for directions, Google has a mouse tracker that shows up for a larger mouse distance from a route. This mouse tracker is a point on a route which shows up when the mouse is a certain distance from the route. It's kinda what I want. I could implement one manually by going through all the segments in a route and calculate distance from segment end points (and perhaps a few points interpolated on a segment - depending on segment length) to mouse coordinates on map. I'd have to take into account zoom level or have a way to transform distance on map to distance/pixels on screen.</p>