Comment by gnyman

Comment by gnyman 7 days ago

31 replies

View on Hacker News

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=LU8...

mathgeek 7 days 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

Reply View 10 replies
  • gnyman 6 days ago

    this 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/

    Reply View 4 replies
    • mathgeek 6 days ago

      Interesting 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.

      Reply View 2 replies
      • bdangubic 6 days ago

        coding 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”

        Reply View 1 reply
        • mathgeek 6 days ago

          The 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.

          Reply View 0 replies
    • stogot 6 days ago

      I suspected it needed to be directed with a specification to call it vibe engineered

      Reply View 0 replies
  • block_dagger 7 days ago

    Fair. Though it seems that half of engineering is just giving a respectable name to whatever actually works.

    Reply View 1 reply
    • mathgeek 7 days ago

      For 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.

      Reply View 0 replies
  • jimmygrapes 6 days ago

    I've been a fan of Design-Assisted Developer or DAD

    Reply View 0 replies
  • InsideOutSanta 6 days ago

    I just hope actual engineers don't start vibe engineering bridges and buildings.

    Reply View 0 replies
zenmac 6 days ago

Great 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?

Reply View 4 replies
  • gnyman 6 days ago

    thanks 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

    Reply View 3 replies
    • zenmac 6 days ago

      Yeah 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 */ }

      Reply View 2 replies
      • gnyman 6 days ago

        hmm, 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 , codeberg is on my todo

        Reply View 1 reply
        • Kailhus 6 days ago

          Could try the hacky 2147483647 max z-index. No issue on android firefox

          Reply View 0 replies
nextaccountic 6 days ago

This 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

Reply View 0 replies
antman 6 days ago

That 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?

Reply View 0 replies
ninalanyon 6 days ago

Looks 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.

Reply View 0 replies
nolito 6 days ago

But 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).

Reply View 1 reply
  • gnyman 6 days ago

    I 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

    Reply View 0 replies
blntechie 6 days ago

This is so cool!! The responsiveness of the page is so much better than any maps app I have used.

Reply View 1 reply
  • gnyman 6 days ago

    yeah, 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 :-)

    Reply View 0 replies
piffey 6 days ago

Love this. Can't tell you how many times I've screenshotted maps then drawn on directions for family/friends. Great idea.

Reply View 0 replies
RandomDistort 7 days ago

Is this open source?

Reply View 1 reply
  • gnyman 6 days ago

    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

    Reply View 0 replies
getupyang 6 days ago

Really cool—this is the fastest-loading map I’ve ever used.

Reply View 0 replies