- a map has a projection (distortion from reality) to display "nicely" on a rectangle
- lat long is a coordinate system in 1 projection (I think it's just angular coordinates on a globe)
- searching I couldn't find a simple client-side (for browser) library, or even just a function to plot a lat long coordinate on an SVG map.
I think this would be cool because, a mobile phone can give you a fairly high resolution lat long position. If you have a SVG map (of reasonable, doesn't have to be super) accuracy, you can combine them and get your position as long as you have GPS, without needing the internet.
I just want the simplest possible version of this idea. But I haven't been able to unpack it.
How to do it? Any pointers? Where to get a suitable map?
If all you want is an offline map on your phone, you can already do that in Google Maps, just drag an area to download and you can position yourself using GPS and navigate around in it without needing internet. That lets you download a big area at a time (several hundred square miles). If you want something for the entire globe, you might need a different app, and it probably wouldn't be as detailed.
The OpenStreetMap project has data for the whole world, to some fairly good level of detail (depending on where you are and what you need it for). The dataset comes in about 100 GB: https://wiki.openstreetmap.org/wiki/Downloading_data and you can use one of these apps to view it: https://wiki.openstreetmap.org/wiki/Using_OpenStreetMap_offl...
Both Google Maps and OpenStreetMaps make extensive use of vector layers. An SVG is just one file format for storing vector shapes, but there are many others, and mapping apps usually use more specialized formats. But they are still vectors and share many of the advantages of SVG (smaller file size, cleaner lines, easier to edit, etc.) It's not really SVG but similar enough.
If you're not just wanting that for personal use and you want to MAKE such a map yourself, it gets a bit more complicated.
This is a helpful article on map projections, including lat long: https://www.esri.com/arcgis-blog/products/arcgis-pro/mapping....
An SVG (or any other vector shape) has no innate projection, it's just a bunch of lines and curves. You can georeference them (align a shape, like a building or lake outline) to real-world geography using GIS software, like the free and open source QGIS or paid software like ArcMap.
Then you'd save that into some geo-enabled format. For the web that would be something like GeoJSON or one of the ESRI web formats.
A geoJSON gives you vector shapes, much like SVG would, except they exist in some defined reference system of your choice (like the list here: https://en.wikipedia.org/wiki/EPSG_Geodetic_Parameter_Datase...). You can use free software like Leaflet or OpenLayers to display them on a webpage. OpenLayers is good at taking different layers of geo data and reprojecting them on the fly to whatever you want, then you can add additional base layers (OpenStreetMap, aerial photos, whatever) below your vector shapes.
If all of that is too complicated and you just want to make a simple map you can share with friends or whatever, maybe try Caltopo, Felt, or Google My Maps?
If I totally misunderstood what you're asking, please do explain.