Show HN: I made a little tool to practice country positions on the world map (learn-worldmap.netlify.app)
Hi HN,
I built a little tool to help me get better at remembering country locations on the map: https://learn-worldmap.netlify.app/
It's made from plain HTML/CSS/JS, and not intended to make any money or anything. Just thought that maybe someone else may enjoy it. Also of course happy about any feedback!
Cheerz.
32 comments
[ 4.1 ms ] story [ 94.0 ms ] threadPerhaps take a look at various Map websites, Google, MapQuest, Bing, OpenStreetMaps, a fullscreen interface where you can zoom and pan easily would be more user friendly
Thank you both for the input, definitely agree on the mobile UX.
I bit my teeth on how to make this fun on mobile and small screens especially (and then gave up)...copying something like gMaps more closely may just be the move.
No, you are absolutely right of course...I'm still figuring out how to get that working nicely...if you have any specific ideas for the UX of clicking the small islands feel free to share.
1. The incorrect messages disappears too quickly. And it appears slightly off the screen (I am on a MBP 15"). It should persist.
2. There is no zoom for Europe. I tried using Mediterranean. So when asked to show Estonia, I can't even get to the NW European states without scrolling. Which means that the incorrect message will never be seen.
Similarly, asked for Guernsey had to zoom in but it selected Jersey. No amount of zooming will let me select from the two. It becomes grainy.
You should be able to pan the map as well, so you may get to Estonia after all ;)
Definitely forgot that not everyone has large laptop screens though, absolutely fair.
Feedback: The scrolling isn't integrated well, and everything East of Puerto Rico is impossible to click correctly. I got Saint-Martin as a location and could not click it right, even when scrolling in as much as possible (due to the zoom level not changing the distance of world movement when dragging, it's the same x/y speed).
Also I have the feeling that I am in an endless loop of selecting Montenegro, Azerbaijan, Chad, Ukraine and Malaysia correctly. They appear a lot of times and are not filtered out from the list of remaining countries when being selected correctly.
Screenshots showing the hovering issues due to overlapping countries: https://imgur.com/a/8PteW27
I was way off on some of these xD Don't let perfect be the enemy of good. I'd say keep up polishing what you got from a desktop perspective before considering making mobile friendly.
I don't know if we are meant to have countries repeat. The Caribbean countries overlap
Because I know very few countries in Oceania, it's very frustrating. Wake Island, eek!. If there were a 'show me' button that appears after a wrong answer, that would be a good addition. The result message (error/correct) disappears too quickly Maybe need to control it with at 'got it' button? I'd like to zoom even closer on the Balkan peninsula.
And for some reason I keep getting the same 3-4 countries?
Only comment I have is it is super hard with small islands. Not exactly sure of the solution. Maybe show a red circle around the actual location if you click the wrong one? So you can learn. I'm stuck on St Martin.
Otherwise, love games like this.