In many American cities the street grid organization is oftentimes reflected inwards the names of the city's streets. For representative inwards approximately cities yous powerfulness uncovering that all roads called 'Avenue' run northward to south, spell all roads called 'Street' run westward to E (or vice versa depending on the city).
It is possible to visualize this designing real effectively alongside an interactive map in addition to a radial chart. My Miami Streets map visualizes the directions of all roads called 'avenue' in addition to 'street' inwards Miami. On the map all roads named 'Avenue' are colored cerise in addition to all roads named 'Street' are colored blue. Simply past times looking at the map yous tin say that streets in addition to avenues run inwards distinctly unlike directions inwards Miami. The radial nautical chart on transcend of the map visualizes this to a greater extent than explicitly, showing the overall orientation of all the streets in addition to avenues inwards the electrical flow map thought (move the map around in addition to the radial nautical chart volition update to demonstrate the orientation of all streets in addition to avenues inwards the electrical flow map view).
By exploring the map yous tin run into 'streets' inwards Miami run around alone westward to E spell 'avenues' run northward to south.
All the code for my map comes from Vladimir Agafonkin's fantastic Road Orientation Map. Vladimir's map visualizes the orientations of all roads inwards the electrical flow map view. The map tin locomote used to explore the orientations of roads anywhere inwards the world. For my map I tweaked the code to only demonstrate the orientations of roads named 'avenue' in addition to 'street' in addition to to ignore all the roads called 'lane', 'avenue', alley' etc.
The master copy Road Orientation map fetches all the roads inwards the electrical flow map thought alongside a unmarried business of code:
var features = map.queryRenderedFeatures({layers: ['road']});In number it queries the layer named route inwards a Mapbox map. This agency nosotros tin precisely alter the layer advert to fetch unlike data. For representative nosotros tin easily alter the question to fetch the layer which displays waterways:
var features = map.queryRenderedFeatures({layers: ['waterway']});Simply past times changing 'road' to 'waterway' nosotros tin alter the map to display the orientations of all rivers in addition to canals rather than the orientations of roads.
The master copy Road Orientations Map volition locomote alongside whatever map layer inwards which the mapped characteristic is of the type 'line' (so map information which is inwards the shape of polylines). Therefore to practise my map I only needed to upload 2 GeoJSON files to a Mapbox style:- i GeoJSON file alongside the information of all 'avenues' inwards Miami in addition to i GeoJSON file alongside the information of all 'streets' inwards Miami.
In Mapbox Studio I named these 2 layers 'avenues' in addition to 'streets'. All I needed to practise in addition to thence was alter the JavaScript to question my 2 layers rather than the 'road' layer:
var features = map.queryRenderedFeatures({layers: ['avenues', 'streets']});
Miami is non the only American metropolis which helps yous orient its grid organization past times having its avenues in addition to streets running inwards unlike directions. New York equally good uses this shape of street planning. You tin run into this on my Street Orientations map, which visualizes the directions of all roads called 'avenue' in addition to 'street' inwards Manhattan.