Show HN: A map component for shadcn/ui(shadcn-map.vercel.app)

shadcn-map.vercel.app

https://shadcn-map.vercel.app

I don’t see any good map components for shadcn/ui yet, so I built one with Leaflet and React Leaflet. It matches the shadcn/ui style, and since it’s Leaflet, it’s fully open source and doesn’t require any API keys. You can just bring maps to your project with a simple install command.

Github: https://github.com/tonghohin/shadcn-map

3 comments

plutonium33458 mesi fa

This is super nice. It works smoothly on mobile as well. Are there any tools you recommend for finding the coordinates by street address or business name?

tonghohin8 mesi fa

Thanks! I usually use the OSM API for that: https://nominatim.org/release-docs/develop/api/Search/. But if you need more accurate data, you may wanna use the Google Maps API.

plutonium33458 mesi fa

Thank you! I will give it a try with Nominatim and see what I can cook with it.