4 ms·
Funny how I made almost exactly the same but for maps. I needed a way to share a link to a map, with drawings and the ability for the receiver to see their own
by gnyman 9mo ago
Funny how I made almost exactly the same but for maps.
I needed a way to share a link to a map, with drawings and the ability for the receiver to see their own location on the map.
Annotated screenshots solves the first but not the second.
Vibe engineered this, with many of the same ideas as OP.
Took an evening. Just in time apps for one specific use case is a thing.
And because it's so cheap to make and can be hosted cheaply with no backend, it can be given away for free.
https://nyman.re/mapdraw/#l=60.172108%2C24.941458&z=16&d=LU8xSyNhFJz57hLD3e13gctmi900d9uYFY5UXtJcdWSb5RqTJmW2sdxtRBsXQRRBCahVQhARQd0iNhb5A64iViKpBHHxB4iFFoJfVGbeq2bmvRHZjtjbPK5Gd6lx93kwkZ9dOzquxgepcUDLw3-0MIsVosvxniu3fc_13ErTbGrh91DrM5NwIiV2BCKBeyIhYiKEC0vDNDwEH_Ztyi5r2_wz15yvBeVgqmU15D84chK_FCZhQoNdK4flmHZCe0lYfSETURwJ2RHFaxZ85FF6k5XUvMOUTq4uG8WgEBQbsiGnc07WVOf7RI_qPcUfoe6bru5qli7fTToq5t9Tts5Y7_J3u-RktBnoX6PnQfX-KDWeqPXGLaw91rYoF9DET-RQ0fRvVy-D6v5uathDgSHxSCwJJALnAg_EiIg4bq6EKuvkJjVWeZHJxpw6pD3kuJlih9YGC2Heh9S_XKrEw9vUqI8-BTGXGXOdPS522I7o-Y6bsV4B https://nyman.re/mapdraw/#l=60.172108%2C24.941458&z=16&d=LU8...
- mathgeek 9mo ago> Vibe engineered While I'm all for vibe coding as appropriate, there's a lot of humor to be found it calling it engineering. :D
- NuclearPM 9mo agoWhat is funny about it?
- block_dagger 9mo agoFair. Though it seems that half of engineering is just giving a respectable name to whatever actually works.
- mathgeek 9mo agoFor software, but that's a well trodden path at this point. I've seen a few projects that are actually "vibe engineering" outside of software on the 3d modeling side so the terms are confusing.
- InsideOutSanta 9mo agoI just hope actual engineers don't start vibe engineering bridges and buildings.
- gnyman 9mo agothis is not something I came up with, Simon wrote it and I liked the differentiation between "vibe coding" where there is less effort for this case project I think I would actually go back and say it's vibe coded, but I didn't want to just call it vibe coding because I did spend time going back and forth and directing the agent https://simonwillison.net/2025/Oct/7/vibe-engineering/ https://simonwillison.net/2025/Oct/7/vibe-engineering/
- mathgeek 9mo agoInteresting distinction. I've previously heard vibe coding described as "vibe prompting, but you actually do some work." That aside though, I just call what you're describing as coding with AI.
- bdangubic 9mo agocoding with AI is coding just as much as coding with VSCode is coding. you decide which parts you get help from a given tool and which you don’t. end of the day, it is all coding and “coding with AI” sounds as silly as “coding with keyboard / microphone”
- mathgeek 9mo agoThe first part is exactly my point, but the latter is nonsense in my book. You cannot ask VSCode (pre-AI) to write a program for you. It's akin to doing math with AI vs. an Nspire CAS. There's no reason to think you need to respond to those who shame vibe coding with claims that we shouldn't differentiate our tools, but we also shouldn't just say it's all the same. We wouldn't claim that about farming with a laser-powered weed killer compared to farming with a horse-drawn plow.
- stogot 9mo agoI suspected it needed to be directed with a specification to call it vibe engineered
- jimmygrapes 9mo agoI've been a fan of Design-Assisted Developer or DAD
- RandomDistort 9mo agoIs this open source?
- gnyman 9mo agoit's a static webpage, the source is available with right-click view source, I added a BSD2 licence header to it to make clear it's fine to take and do mostly whatever with
- Gehinnn 9mo agoThis is very cool!
- nextaccountic 9mo agoThis is pretty cool! And if you are open to bug reports.. if I move around the drawings move smoothly with the map, but if I zoom in/out the drawings move only after the map zooming animation ends, rather than smoothly
- blntechie 9mo agoThis is so cool!! The responsiveness of the page is so much better than any maps app I have used.
- gnyman 9mo agoyeah, isn't it impressive how fast modern computers can be if you make a bit of effort, in this case I think I told it to just use plain javascript and make sure it's fast :-)
- antman 9mo agoThat is absolutely great! Using it now to plan a trip. Could we also add text annotations? Also the delete button could delete just the last shape or a selected shape so as not to start over?
- zenmac 9mo agoGreat tool! There is a little issue with the +/- zoom buttons not working something cause it is over layed by other div blocks. On mac firefox. Is the code open source online somewhere?
- gnyman 9mo agothanks for the info, I'll see if I can get a agent to fix it it's a static webpage, the source is available with right-click view source, I added a BSD2 licence header to it to make clear it's fine to take and do mostly whatever with
- zenmac 9mo agoYeah just would be good on a codeberg or gitlab or maybe even github repo. So we can do PR. Here is the fix: .leaflet-top, .leaflet-left{ z-index: 100000; /* some high number */ }
- gnyman 9mo agohmm, I tried it on firefox and it works for me, and for me .leaflet-top already has a high z-index: 1000; although I run 140.6.0esr so maybe newer ones need a even higher one? the code is on GH now https://github.com/gnyman/mapdraw https://github.com/gnyman/mapdraw , codeberg is on my todo
- Kailhus 9mo agoCould try the hacky 2147483647 max z-index. No issue on android firefox
- gnyman 9mo agoI put a copy of the source on GH in case in case someone wants to improve things https://github.com/gnyman/mapdraw https://github.com/gnyman/mapdraw
- deleted 9mo ago[deleted]
- getupyang 9mo agoReally cool—this is the fastest-loading map I’ve ever used.
- piffey 9mo agoLove this. Can't tell you how many times I've screenshotted maps then drawn on directions for family/friends. Great idea.
- nolito 9mo agoBut not well tested. Try to create a map and copy the url to another map. Now change the first map with more anotations or move the map center and copy the generated url and paste it into the other map on the other browser. That does not work (at least for me on different browsers).
- gnyman 9mo agoI think I know what you mean, thanks for the report, if you modify the # part on a webpage it's not the same as reloading it, and I doubt I watch for that part changing
- ninalanyon 9mo agoLooks useful but doesn't work quite as expected for me. In Vivaldi location tracking doesn't work. Version 7.7.3851.66 (Official Build) (64-bit) Chromium Version 142.0.7444.245 Extended Stable channel (may also include additional security patches) Channel Official Build Platform / OS Linux - linuxmint 21.3 And in Firefox 146.0.1 on the same machine the URL doesn't get updated.
- ronancremin 9mo agoI did the same thing for running routes e.g. https://routespinner.com/@52.516247,13.379374,15z#route=cbp_IitspAf%40EZKTy%40Nc%40XKn%40A%60DIFc%40QiGQkBGm%40OoAK%7D%40%5D_DDu%40Sm%40EoAKiEO_FC%7B%40K%7BDC%7B%40%5Cg%40n%40Ib%40Er%40BTYx%40%3FtAMVCdDYVCdCU%5CCl%40ErBQl%40G%5CSz%40w%40ZQVw%40SsAKqEE%7DAGq%40AyAGeCIgDEgAOcAQm%40S%7DD%40_BMeJ%40mBSmISi%40YuGGqA%40gASgA%40y%40Mi%40Gy%40Sk%40Ek%40Sg%40W%7D%40u%40g%40uAkCg%40uAqBeDu%40w%40%7B%40c%40w%40mAa%40gA%7B%40q%40e%40k%40%7BBkCc%40g%40WWo%40w%40q%40_A_AmAm%40u%40%5D%5Bg%40SUVk%40t%40g%40t%40sAbBw%40lAi%40fAs%40%60AYZa%40p%40q%40bAe%40j%40UhA_Az%40BbAlAxDtA~CZ%7C%40r%40fCRn%40r%40lCVrAZr%40%5EjAJf%40Tt%40Dx%40Bz%40PnDPtJJxDAf%40PZH%60HC%5EZj%40JxBD~AL%60FBr%40FrBBdAFxBKXNj%40JnDDrAHlD%40rBHv%40FbCH%7CCBt%40DlADnBFrBFbBJ~Do%40T%5D%5CkALu%40Ho%40HgALKXVpKL%60EHn%40X%5C~Am%40p%40Ub%40BV%5E%60%40l%40ZF&d=5.93&t=5&g=24&l=24&emin=32&emax=39 https://routespinner.com/@52.516247,13.379374,15z#route=cbp_...