4 ms·
Show HN: A map component for shadcn/ui
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 https://github.com/tonghohin/shadcn-map
- plutonium3345 11mo agoThis 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?
- tonghohin 11mo agoThanks! I usually use the OSM API for that: https://nominatim.org/release-docs/develop/api/Search/ https://nominatim.org/release-docs/develop/api/Search/. But if you need more accurate data, you may wanna use the Google Maps API.
- plutonium3345 11mo agoThank you! I will give it a try with Nominatim and see what I can cook with it.