I think it would be cool to be able to do custom queries and draw them.

Pro:

• adding railroads / buildings / water boundaries #19 #13 or other thing to the map or get rid of everything but highways and select a bigger area
• easy testing in sharing of custom queries with the website

Con:

• no caching for the custom queries
• possibly big queries

I guess it shouldn't be to hard to fork this repo and just edit the request and create custom maps but I'm curios what your thoughts are on custom queries.

The row.osm_type === 'relation' filter (https://github.com/anvaka/city-roads/blob/master/src/components/FindPlace.vue#L138) seems to be a little bit too strict. Some cities (e.g. Edinburgh, UK) are returned with osm_type of "node" instead.

I look for a city, say Milano in Italy, then customize the style to red rgb(255, 0, 0) for lines and white rgb(255,255,255).

This is what I have on the screen:

now I click on Customize -> As an image (.png) and a png file is downloaded. This is how the downloaded file looks:

If I try the SVG file, it works fine with the right color.

Another try

If I set the background color to black, instead of white, when the exported PNG lines color gets closer to the one on screen:

Inverting colors

Just out of curiousity I've try to invert all color channels in the downloaded png and lines color get almost right - of course the background goes to black:

Platform Details

• MacOS 10.15.2
• Firefox 72.0.2

I have tried to do Seliegenstadt, Germany, however it says that it is an "administrative" region. It doesn't work with those apparently. Also doesn't work with Oster, Ukraine.

https://github.com/anvaka/city-roads/blob/64c5867406c1a16621b9db9081e16a743aba4d52/src/components/FindPlace.vue#L141

I see 36e8 is added to osm_ids on Nominatim API results. Can you explain the rationale behind this?

Thanks for your work!

If you have some spare time, it would be great if you can add a zoom bar somewhere, as the scrolling by mousewheel can be too coarse from time to time.

Great work so far!

Sadly, the PNG download does not work for me. In particular, when I click "As an image (.png)", a dashed rectangle appears around it - so it seems the click is registered - but nothing happens.

Hi There!

I tried to search for a smaller town in my area, "Valrico, Florida" and it shows results, and is a city, but won't work.

I thought ok, maybe it's too small, i'll go for brandon florida, which also doesn't work.

These are both "localities", is that something you'd consider implementing, if it's even possible?

This is a bit of a niche issue, but of all the countries i tried in Europe they all seem to find cities without any problems.

When i tried Denmark, i couldn't find any. I know you use overpass turbo but openstreet maps do have most if not all danish cities and towns.

I attempted to find the /search?q=town endpoint in your code to dive into the query that gets sent but i can't seem to find it. It could be that data is classified differently here?

All our neighbours like Germany, Norway, UK, Netherlands and Sweden are working just diddly fine.

Hi,

thank you for this amazing project. I was wondering if you could make it possible to export the map as SVG or PNG with transparent background.

Thank you!

I search for the city and it shows up. I click the entry and it only shows 2 streets. It does not seem to matter how long I wait nothing else ever shows up. Any ideas?

Bumps decode-uri-component from 0.2.0 to 0.2.2.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

For a large city the data maybe larger than 100MB, for designer or osm-mapper live in awful internet connection, load city correctly is almost a very hard thing. And if the web browser down, everything need to restart.

If this program can load local .osm file, it will be great for local cache. User can make extract by OverpassAPI query or other method. In addition, this will reduce the burden on OverpassAPI, allowing it to serve more users.

If this Feature Request seems unreasonable, you can close it immediately

First of all, great tool! Made some really nice visualizations with it.

I was wondering: since you are pulling the data from OSM, would it be relatively straightforward to modify the tool in such a way that it displays only the waterways instead of roads?

Hi there, I'm mostly reverse-engineering the code as not a Vue expert and, looking at #21 this might be tricky but here we go. I'm trying to change the app to display building footprints instead of roads. This is relatively easy from a query point of view, as it only involves changing Query.Road to Query.Building in FindPlace.vue.

However, the footprints come as outlines and I can't work out if there's an easy way to add a fill to the building polygons. Does this require a major change in the WebGL functions or is there an option to style it so that in the example below, the buildings are solid red?

Hi there! I was wondering if there was a quick way to export the settings (layers?) as a JSON file or some other format. General idea would be to re-use this file in the future to re-render and adjust the settings as needed.

I can export as an image currently which is great but if I need to tweak the visuals or settings layer I will have to recreate it again.

Thanks, this is a very cool project!