Adding elevation to a path to visualize aerial tracks over terrain? - mapbox

This example shows a path snapped to the terrain. Is there a way to set the elevation along a path?
Ayvri is a good example of generally what I'd like this to look like, but customizable with mapbox.

You can probably convert your line into a polygon, then use a fill-extrusion layer to show something like this. It may not look good. I have a vague memory that Mapbox had a demo of something like this way back in the day when they had a surface API which gave the elevation at a point (prior to their current method)>

Related

Represent current speed and direction on a leaflet map

I'm trying to represent sea current speed and direction on a leaflet map, I found a plugin that represents it in an animated way like this example:
https://onaci.github.io/leaflet-velocity/
but what I want to achieve is something else, I want to represent it using arrows just like they did here:
https://thredds.socib.es/lw4nc2/?m=radar
or this
https://apps.socib.es/Leaflet.TimeDimension/examples/example3.html
so if anyone can give me a hint on how to achieve it, it will be very nice.
My personal effort result in the use of leaflet-arrowheads plugin to achieve it but I will need a lot of customization.

how to "flatten" / "compress" a mesh in cinema 4d?

I have following 3d model:
So what I want to do is to flattern that weird shape that it is flat but does not look like crap. What would you use, how would you do that?
I tried scaling it flat, which does not work since it only scales down the top most shape which looks distorted. I tried to use the Brush tool, unfortunately that also looks like crap. I tried using the taper tool or other deformation tools, unfortunately that does not work either.
What I want it to look like afterwards:
I also don’t know what to google for.
Thanks for your help!

Does Leaflet have a "geopositioning mode"?

I use the Leaflet plug-in "Leaflet.ImageOverlay.Rotated.js" to use its L.imageOverlay.rotated(...) thing in order to overlay certain map pieces in various places on top of the normal map.
It does this by taking an image and having me tell it its top-left, top-right and bottom-left coordinates to figure out how to rotate, tilt and stretch/squeeze it properly.
It took me a very long time to figure these coordinates out by hand. For this reason, I'm looking for some sort of "geopositioning mode", perhaps enabled by this extension, which would simply let me click three times on the map to tell it where these points go. That would be so simple for the developers to do and would help so much. It's such an obvious thing to do that I strongly suspect it's already implemented and ready.
Is there such a "mode"? If not, how am I expected to find the positions without spending so much time and trial-and-error as I did for the first overlay map image?
Added: I should also clarify that the image should be shown in this mode so that you can re-adjust the points and watch in real time as the image bends/warps, to get it just right.
you can develop a modul for this problem.
find minimum 4 point on raster map.
click on tilemap for 4 points
than find different slope and distance same 2 points.
maybe you must rotate and use affine transformation.

Animation correction

I have GPS coordinates, which are coming from cars. I'm trying to display their movement using mapbox. It works mostly fine, but because coordinates are imprecise, sometimes markers displayed inside houses, rivers, etc.
Is there a way to specify that the animation should follow the closest road?
Yes. That's exactly what the Map Matching API does.

Custom tiles yet geo accurate in LeafletJS

I'm interested in custom map tiles, and using advice from here and here, I've experimented with exactly that. For a prototype I did a very geeky map of the Star Trek Federation, with episode links moving you around the planets/systems etc.
While that's all fine and dandy for fantastical locations, I'd also be interested in using heavily stylised renditions of real world locations, yet still using real lat,lng points. So, for example, a bespoke, yet mostly geo accurate, map of London, chopped into tiles, but if you passed in lat,lng coords for Camden Tube (51.53911 -0.14235), you would move to that location.
Any ideas how you configure LeafletJS to do this, without going the route of using Google Maps with custom tiles?
If I understand correctly, you have 2 different applications:
Your Star Trek map, for which you are satisfied.
Stylised map of real world, for which you would like real lat,lng coordinates to be accurate?
Then your question is how to create your custom tiles, so that Leaflet shows the stylised view of London when passed the real London coordinates?
In that case, it would be probably just a matter of correctly numbering your tiles. Or the reverse, modifying the tile numbers used by Leaflet to build the tiles URL. For the latter solution, see Specifying Lat & Long for Leaflet TileLayer
I'm not quite sure what you mean by "mostly geo accurate". It sounds like you probably just want to generate your own map tiles from some kind of source like OpenStreetMap. In that case, TileMill (although kind of obsolete) is probably the easiest way to go.
There are basically three parts:
Generate some map tiles (eg TileMill)
Host them (eg TileStream)
Point Leaflet at them