new layer to create streets from overpass > osm2streets

[kfarr]

As a user who has specified a location for my 3DStreet scene, I'd like to be able to automatically generate street layers from OSM data. For a first implementation this could be an experimental layer manually spawned from the Add Layer Panel.

Steps:

• Overpass request --> send request with querystring data, long / lat, radius, etc. (ie give me all osm data within bounding box of 100m)
• Overpass response will include osm xml data that is up-to-date
• Use osm2streets library feed in xml data https://www.npmjs.com/package/osm2streets-js
• use object's method to get polygon data / lane marking (after call init method that is async)
• output geojson --> separate feature for each lane

Example of implementation:

• jake coppinger - vector tile server https://github.com/jakecoppinger/osm2streets-vector-tileserver

(cc @dabreegster followup issue from our call)

[dabreegster]

Some code references:

• https://github.com/a-b-street/svelte-utils/blob/main/src/lib/overpass/index.ts for an Overpass query given a polygon. There's variations with bounding boxes and other things
• You need to await init() once somewhere for setup, after import init from "osm2streets-js";
• You create the osm2streets object like this: https://github.com/a-b-street/osm2streets/blob/98f4c92ca6e205613d45d0088e9ebb74e386d713/web/src/common/import/ImportControls.svelte#L70. The boundaryGeojson is optional; if you feed in the same polygon you sent to overpass (it can just be a rectangle), osm2streets will clip roads crossing it. You could start without this for simplicity and see what the results look like, then add it in. The settings are https://github.com/a-b-street/osm2streets/blob/98f4c92ca6e205613d45d0088e9ebb74e386d713/web/src/common/import/ImportControls.svelte#L20, you can set all the bools to false
• Once you have the JsStreetNetwork object, you can call a bunch of render methods on it and get back a GeoJSON string. To see the contents of each one, go to https://a-b-street.github.io/osm2streets/?test=tempe_light_rail#17.97/33.414785/-111.909145 and use the Download buttons on the layers
• You'll need to transform from WGS84 coordinates to your local world-space, same as you do anyway for buildings
• You can decide how to turn each feature into the appropriate object. I'm guessing there'll be a point when you might want to ignore the lane markings (individual polygons for each rectangle of paint!!) and do something saner with textures.
• Don't forget to display OSM attribution