title: Drawing Clean Neighborhood Boundaries on Google Maps
body: <p>I have a google map that drops a lot of pins throughout the city of Manhattan. To better organize this claustrophobic mess of pins, I want to provide a zoomed out view that divides manhattan into cleanly delineated neighborhoods that you can click on, which will then zoom in and display the individual pins in that neighborhood region. Here is an example of what I'd like to achieve:</p>
  
  <p><a href="http://42floors.com/ny/new-york?where%5Bbounds%5D%5B%5D=40.81910776309414&amp;where%5Bbounds%5D%5B%5D=-73.87714974792482&amp;where%5Bbounds%5D%5B%5D=40.74046602072578&amp;where%5Bbounds%5D%5B%5D=-74.07713525207521&amp;where%5Bzoom%5D=13" rel="nofollow">http://42floors.com/ny/new-york?where%5Bbounds%5D%5B%5D=40.81910776309414&amp;where%5Bbounds%5D%5B%5D=-73.87714974792482&amp;where%5Bbounds%5D%5B%5D=40.74046602072578&amp;where%5Bbounds%5D%5B%5D=-74.07713525207521&amp;where%5Bzoom%5D=13</a></p>
  
  <p>I'm not sure where to start with this. I've read the google maps documentation, but I'm still unsure of (a) the javascript method I should be using for drawing the boundaries, and (b) where I can get meaningful information about how to draw the manhattan neighborhood boundaries. </p>
  
  <p>Anyone have experience with this? </p>