TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

City Roads – Draw all roads in a city at once

668 pointsby jordinebotover 5 years ago

46 comments

anvakaover 5 years ago
Hey there, I&#x27;m the author of the tool!<p>Just wanted to thank you for the comments, feedback and shares! I &#x27;m very happy!<p>PS: If you liked that project you may find my other stuff interesting: <a href="https:&#x2F;&#x2F;twitter.com&#x2F;search?q=from%3Aanvaka%20min_retweets%3A20&amp;src=typed_query" rel="nofollow">https:&#x2F;&#x2F;twitter.com&#x2F;search?q=from%3Aanvaka%20min_retweets%3A...</a> - it&#x27;s just a hobby but I love it :D
评论 #22125237 未加载
评论 #22123376 未加载
评论 #22123976 未加载
评论 #22122069 未加载
评论 #22125442 未加载
评论 #22122621 未加载
评论 #22126369 未加载
评论 #22126278 未加载
评论 #22122965 未加载
评论 #22123017 未加载
评论 #22122729 未加载
评论 #22124835 未加载
评论 #22123689 未加载
评论 #22121958 未加载
评论 #22124987 未加载
评论 #22125135 未加载
crazygringoover 5 years ago
I love how elegant it is!<p>Unfortunately it can&#x27;t seem to find most cities I try. Just one example, typing &quot;New Hartford&quot; only finds one in Iowa, instead of listing all of them [1]. Most other medium-sized towns I tried show no results at all.<p>I&#x27;d also love it if there were a way to export as SVG&#x27;s -- these seem like they would make amazing posters to frame.<p>[1] <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;New_Hartford" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;New_Hartford</a>
评论 #22122746 未加载
评论 #22123187 未加载
c0nsumerover 5 years ago
Neat, but this does not seem to be all roads, it seems to be everything tagged highway=*.<p>Specifically, non-motorized walking&#x2F;biking paths and mountain bike trails (highway=path) are rendered.<p>Ref: <a href="https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Marquette%2C%20MI&amp;areaId=3600134503" rel="nofollow">https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Marquette%2C%20MI&amp;are...</a>
评论 #22121581 未加载
thunderbongover 5 years ago
Beautiful! I tried it with quite a few cities. Most of the cities hardly look as if they were planned out!<p>A few from the Wikipedia list [0] looks nice though.<p>[0]: <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Planned_cities" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Planned_cities</a><p>Quezon City: <a href="https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Quezon" rel="nofollow">https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Quezon</a> City&amp;areaId=3600106569<p>Chandigarh: <a href="https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Chandigarh&amp;areaId=3601942809" rel="nofollow">https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Chandigarh&amp;areaId=360...</a><p>Singapore: <a href="https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Singapore&amp;areaId=3600536780" rel="nofollow">https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Singapore&amp;areaId=3600...</a>
评论 #22123533 未加载
评论 #22124545 未加载
jdboydover 5 years ago
It&#x27;s really simple looking, but I entered my city, and I just love the graphic that was rendered. Is there any chance of making it produce SVGs to download?
评论 #22121074 未加载
Treblemakerover 5 years ago
Would love to find something like this for rural areas. Maddening sometimes how details disappear from most online maps based only on zoom level rather than on feature density.
评论 #22126191 未加载
评论 #22120941 未加载
chilllyover 5 years ago
The site times out, YC has struck.<p>It says it is contacting openstreetmaps, but the global mapping community is called openstreetmap (no &#x27;s&#x27;).
评论 #22122375 未加载
DonaldFiskover 5 years ago
It seems to be missing most of Scotland. No Glasgow, Edinburgh, Dundee, Perth, or Inverness. It does have Stirling, Aberdeen, and Falkirk. It&#x27;s also missing parts of Australia: no Perth, Brisbane, Darwin, or Alice Springs.
ademars94over 5 years ago
It would be really neat to be able to set a custom resolution to render as a .png image. Like e.g. if somebody wanted to create a poster.
评论 #22144690 未加载
glitcherover 5 years ago
Awesome project, love the output!<p>My wishlist item would be to have an option to render an additional x miles around the city limits boundaries to help incorporate communities that have the same city in their address but are technically not within the city limits.
thr0w__4w4yover 5 years ago
Can someone either explain the use case for this to me, or explain what I&#x27;m missing? Too small to be of any use to me, no street names... maybe it&#x27;s just a &quot;cool&quot; thing you put on a mug or get printed on a T-shirt?<p>I&#x27;m probably just not in touch with my inner artist and am too quick to look for the functional &#x2F; business purpose of this.<p>By the way, really solid work and very kind of the author to share this. I can still appreciate it even if I don&#x27;t see how I&#x27;d ever need to use it.
frebordover 5 years ago
Okkk now how do I import this into Cities Skylines
评论 #22123515 未加载
anon767over 5 years ago
My Girlfriend is an architect and she finds this tool great :) She asks if it would be possible to export these maps as .dwg file
评论 #22122625 未加载
评论 #22121683 未加载
teniutzaover 5 years ago
Really great idea and nicely made! Congratulations! I&#x27;m considering making a poster out of it, with our home town. I think my wife would love to have it. Seeing it on the wall would probably make us less home-sick.<p>How complicated would it be to add the option of highlighting one or two streets? Something like, make the street line thicker or change its color.
评论 #22144683 未加载
sethammonsover 5 years ago
&gt; Something went wrong. The error was:<p>&gt; { &quot;statusError&quot;: 504, &quot;message&quot;: &quot;Unexpected status code 504 when calling <a href="https:&#x2F;&#x2F;overpass.openstreetmap.ru&#x2F;cgi&#x2F;interpreter&quot;" rel="nofollow">https:&#x2F;&#x2F;overpass.openstreetmap.ru&#x2F;cgi&#x2F;interpreter&quot;</a> }<p>And the referenced url 404s
评论 #22121970 未加载
dcustodioover 5 years ago
Amazing! Thank you so much for this. I am getting myself an A3 diagram of my hometown.
Sohcahtoa82over 5 years ago
It&#x27;s definitely missing a lot of roads in my city.<p>Compare it&#x27;s view to Beaverton, Oregon: <a href="https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Beaverton%2C%20OR&amp;areaId=3600423111" rel="nofollow">https:&#x2F;&#x2F;anvaka.github.io&#x2F;city-roads&#x2F;?q=Beaverton%2C%20OR&amp;are...</a><p>With the Google Maps view: <a href="https:&#x2F;&#x2F;www.google.com&#x2F;maps&#x2F;@45.5029349,-122.8365195,13.75z" rel="nofollow">https:&#x2F;&#x2F;www.google.com&#x2F;maps&#x2F;@45.5029349,-122.8365195,13.75z</a><p>It&#x27;s like most of the Cedar Hills neighborhood doesn&#x27;t exist. It also drew a line for a power line where there is no road.
评论 #22122027 未加载
评论 #22123242 未加载
评论 #22122046 未加载
exdsqover 5 years ago
It&#x27;s interesting to see how some cities are spread out. For instance, Aleppo is pretty interesting in that it has clusters of compact streets growing out of the center.
nanidinover 5 years ago
Looks great - one observation, when I enter Kansas City I have to choose MO or KS. It would be great to be able to select a county or metro area.<p>I wonder if something similar was used to create the laser cut wood maps you can find on Etsy[0].<p>[0] <a href="https:&#x2F;&#x2F;www.etsy.com&#x2F;listing&#x2F;605571478&#x2F;kansas-city-wooden-map-laser-cut-wood" rel="nofollow">https:&#x2F;&#x2F;www.etsy.com&#x2F;listing&#x2F;605571478&#x2F;kansas-city-wooden-ma...</a>
评论 #22144804 未加载
Seb-Cover 5 years ago
That&#x27;s an impressive work! It runs smoothly even for large cities.<p>I guess you cannot really fix it because it probably comes from the data you are using, but for Tokyo the default zoom is broken because a bunch of unrelated places is also displayed.<p>Do you think you could also include the railroads&#x2F;subways? I think here it is a more relevant way of finding your path in the city rather than the roads and the result could be quite interesting.
评论 #22125191 未加载
dvasdekisover 5 years ago
Typed in &#x27;Brisbane&#x27;, an Australian city of 3 million, but the only result that came up was Brisbane, Santa Monica.<p>Any thoughts on international support? :)
评论 #22122435 未加载
评论 #22124359 未加载
ksbakanover 5 years ago
Wow this thing is fast!<p>I expected lag on my phone but it works great.
评论 #22121287 未加载
tmhrtlyover 5 years ago
If you folks are enjoying this but want more flexibility, check out Mapbox - it lets you define fully custom styles for OpenStreetMap maps and download them as high res images or embed them in apps (basically this but more flexible and a bit harder to use). <a href="https:&#x2F;&#x2F;www.mapbox.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.mapbox.com&#x2F;</a>
movablepointover 5 years ago
Nice work! Easy to use (and fast).<p>Reminds me of this print I still have on my wall called &quot;All Streets Limited&quot; by Ben Fry.
评论 #22122668 未加载
irrationalover 5 years ago
I did my city. Lots of streets (that are decades old) are not on there, including the street that my house is on (which has been there since at least 1970). Other streets cut out and then pick back up a half mile or so later. What happened to the road in between those two points?
ohlookabirdover 5 years ago
It looks great, but is the rendering of the OSM data the main thing or am I overlooking a feature here?
评论 #22121510 未加载
chadlaviover 5 years ago
Huh, didn&#x27;t find my hometown somehow. Dies this only work for cities over a certain size?
评论 #22122763 未加载
londons_exploreover 5 years ago
Did you compare to a regular old canvas doing path calls?<p>Or SVG?<p>Most web browsers these days should GPU accelerate line drawing, making the whole lot one single openGL&#x2F;directX&#x2F;vulkan api call.<p>If it doesn&#x27;t perform equivalently, it&#x27;s really a browser bug, and ought to be fixed.
评论 #22123776 未加载
ppodover 5 years ago
Very nice, customisable colours for water and different land types would be great.
vrsfvwae5tbhover 5 years ago
Weird edge case: there&#x27;s a big gap in the middle of London where the City of London is. Technically the City of London is a seperate entity, but for most practical day to day purposes they are considered the same.
keyleover 5 years ago
Export to something printable would be really neat. The export to PNG is cute but it&#x27;s 2K wide, not useful for anything but potentially a desktop background.
tsukurimashouover 5 years ago
Great project, a small thing you could add is a scale on some corner with just a line saying how much meters &#x2F; kilometers it represents
krzykover 5 years ago
I see an empty page when I enter my city (after it downloads it, I disabled uBlock but that didn&#x27;t change anything) :(
评论 #22122773 未加载
markdownover 5 years ago
Awesome tool. How did you choose which cities to support? The capital and largest city of my country isn&#x27;t supported.
pgtover 5 years ago
This is so cool! Doesn&#x27;t find Cape Town, South Africa, which does show up on OpenStreetMap.org, though.
makotoNaganoover 5 years ago
Really awesome! some weird quirks with the City search though. Couldn&#x27;t find Cape Town, South Africa
评论 #22127764 未加载
seaishover 5 years ago
Apparently it can&#x27;t load all of California, but other than that, this is really cool.
评论 #22122505 未加载
ajsharpover 5 years ago
This is incredibly cool. Cheers.
评论 #22122480 未加载
izzydataover 5 years ago
My neighborhood was non-existant between the two cities that end on both sides of it.
subterraneover 5 years ago
It renders footways as roads so don&#x27;t use this while driving. :D
FpUserover 5 years ago
Love it, keep going
werberover 5 years ago
Unable to export to png in Safari on iPhone xs
tantalorover 5 years ago
Can I play Pac-Man on it?
Bendingoover 5 years ago
Very cool!
nehagupover 5 years ago
HAHAHA.. I searched for &quot;New Delhi&quot;, India The system crashed. Makes sense after all Delhi is as big as Singapore.
anticensorover 5 years ago
I misread it as the website that <i>tenders</i> every single road within a city.