
I was impressed today amongst the elementary pattern of the New York Times' 101 Places to Find Great Coffee inwards New York. I actually similar how the paper has used the Leaflet mapping platform to practise a gray-scale map, amongst non-essential areas masked out too route names which exclusively appear when you lot zoom inwards on the map.
One of my kickoff thoughts was to wonder if you lot could practise a similar looking map amongst the Google Maps API. The New York Knockout Map is the result. To enshroud the non-important areas of the map I used Vasile Cotovanu's polygon masking wizard Geomask. Using Geomask it is possible to practise a doughnut type polygon which exclusively shows the map through the hole inwards the doughnut polygon. The effect is that the areas to the westward of Manhattan are hidden from thought on my finished map.
I used the Google Maps API Styled Map sorcerer to practise the gray-scale map tiles too to enshroud the route advert labels on the map. However I practise desire the route names to appear on the map when the user zooms in, thence I had to practise an lawsuit listener to cheque when the zoom levels is changed. I thence created roughly other map manner amongst the route advert labels turned on. Using the zoom lawsuit listener I tin strength out thence switch betwixt the ii map styles (one amongst route advert labels too i without) depending on the zoom degree of the map.
I quite similar the results too intend it is a fairly accurate reproduction of the New York Times' java map. All I demand straight off is roughly information to map.